X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> css :focus баг?
stixia007
stixia007
Topic Starter сообщение 26.3.2018, 19:56; Ответить: stixia007
Сообщение #1


Здравствуйте. Сделал кнопку. Задал ей при нажатии менять форму (именно когда уже нажал) :focus.
Не работает. Сделал всё верно, где ошибка не понимаю, посмотрите кто щедр: https://liveweave.com/0PxtwJ
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
сообщение 26.3.2018, 19:58; Ответить: WoWeb
Сообщение #2


stixia007, При нажатии работает псевдокласс :active, фокус используется для input и textarea


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 26.3.2018, 20:55; Ответить: stixia007
Сообщение #3


WoWeb, понял. только мне нужно после нажатие применять другой класс к кнопке. То-есть нажал-отпустил, появился css. актив только при нажатии работает :(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
сообщение 26.3.2018, 21:12; Ответить: WoWeb
Сообщение #4


stixia007, Такое только с помощью скрипта.
Вот с помощью jQuery:
Код
$( "body" ).on( "click", ".класс кнопки", function() {
  $(this).addClass('класс который добавить')
});


Сообщение отредактировал WoWeb - 26.3.2018, 21:15


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 26.3.2018, 21:15; Ответить: falken
Сообщение #5


Цитата(WoWeb @ 26.3.2018, 18:58) *
фокус используется для input и textarea

не только.

Цитата(stixia007 @ 26.3.2018, 19:55) *
только мне нужно после нажатие применять другой класс к кнопке.

если при нажатии нужно присваивать новый класс, то тут только js, если хотите на чистом css, то только так: https://liveweave.com/Uiqwh4
вариант с применением jQuery: https://liveweave.com/L5T7vI


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
krot88
krot88
сообщение 28.3.2018, 16:03; Ответить: krot88
Сообщение #6


Цитата(WoWeb @ 26.3.2018, 21:12) *
Такое только с помощью скрипта.

Неа ) Есть костыль.

Создать чекбокс и скрыть его. Создать label для этого чекбокса и с помощью позиционирования наложить label на весь внешний блок. Получается, что вроде как Вы кликаете по блоку, но на самом деле по label. И чекбокс меняет свою активность.

А уже стили внутреннего блока вы ставите в зависимость от того, активен чекбокс или нет.


--------------------
Программы на заказ - https://upread.ru
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 28.3.2018, 17:20; Ответить: falken
Сообщение #7


krot88, крайне бессмысленный костыль.


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
krot88
krot88
сообщение 29.3.2018, 7:06; Ответить: krot88
Сообщение #8


falken, я не спорю со смыслом, а говорю о потенциальной возможности. Сделать так можно. Можно на чистом HTML + CSS, не используя JS.

Задача чисто академическая, но все равно прикольно )

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Программы на заказ - https://upread.ru


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 679 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Как Изменить цвет картинки под фон сайта через css?
15 HITMAN84 2070 29.1.2021, 22:21
автор: Coffee
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 606 29.12.2020, 23:49
автор: zaiko
Открытая тема (нет новых ответов) Верстка, программирование и создание сайтов (css,html, js, jq, php)
2 Alex_phoenix_Voit 1632 15.6.2020, 18:50
автор: Alex_phoenix_Voit
Открытая тема (нет новых ответов) Синтаксис CSS
0 sergei_burg 3928 6.3.2020, 8:06
автор: -sergei1980-


 



RSS Текстовая версия Сейчас: 23.4.2021, 18:34
Дизайн