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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3462 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3402 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6459 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1667 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1434 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 20.4.2024, 7:26
Дизайн