Помощник
|
css :focus баг? |
stixia007
|
Сообщение
#1
|
||
|
|
||
|
|||
WoWeb |
26.3.2018, 19:58;
Ответить: WoWeb
Сообщение
#2
|
|
stixia007, При нажатии работает псевдокласс :active, фокус используется для input и textarea
-------------------- |
|
|
stixia007
|
Сообщение
#3
|
|
WoWeb, понял. только мне нужно после нажатие применять другой класс к кнопке. То-есть нажал-отпустил, появился css. актив только при нажатии работает
|
|
|
WoWeb |
26.3.2018, 21:12;
Ответить: WoWeb
Сообщение
#4
|
|
stixia007, Такое только с помощью скрипта.
Вот с помощью jQuery: Код $( "body" ).on( "click", ".класс кнопки", function() {
$(this).addClass('класс который добавить') }); Сообщение отредактировал WoWeb - 26.3.2018, 21:15 -------------------- |
|
|
falken |
26.3.2018, 21:15;
Ответить: falken
Сообщение
#5
|
|
фокус используется для input и textarea не только. только мне нужно после нажатие применять другой класс к кнопке. если при нажатии нужно присваивать новый класс, то тут только js, если хотите на чистом css, то только так: https://liveweave.com/Uiqwh4 вариант с применением jQuery: https://liveweave.com/L5T7vI -------------------- |
|
|
krot88 |
28.3.2018, 16:03;
Ответить: krot88
Сообщение
#6
|
|
Такое только с помощью скрипта. Неа ) Есть костыль. Создать чекбокс и скрыть его. Создать label для этого чекбокса и с помощью позиционирования наложить label на весь внешний блок. Получается, что вроде как Вы кликаете по блоку, но на самом деле по label. И чекбокс меняет свою активность. А уже стили внутреннего блока вы ставите в зависимость от того, активен чекбокс или нет. -------------------- |
|
|
falken |
28.3.2018, 17:20;
Ответить: falken
Сообщение
#7
|
|
krot88, крайне бессмысленный костыль.
-------------------- |
|
|
krot88 |
29.3.2018, 7:06;
Ответить: krot88
Сообщение
#8
|
|
|
falken, я не спорю со смыслом, а говорю о потенциальной возможности. Сделать так можно. Можно на чистом HTML + CSS, не используя JS.
Задача чисто академическая, но все равно прикольно )
-------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 4212 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3919 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6555 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1755 | 3.3.2021, 12:22 автор: kozak199110 |
|
Продам адаптивный шаблон (css/html/js) под cj/tube сайт | 2 | zaiko | 1543 | 29.12.2020, 23:49 автор: zaiko |
Текстовая версия | Сейчас: 18.9.2024, 11:54 |