VA
Поищи на кодепене. Там много
Size: a a a
2021 March 30
VA
У Макеева ещё целое видео было.
MM
У Макеева ещё целое видео было.
Как-то гугл меня подвёл с этим)
MM
Про видео спасибо, сейчас гляну
MM
Там именно про доступные кастомные чекбоксы?
А
Новый вопрос. Как сделать доступный кастомный чекбокс? Я имею ввиду случай, когда сам инпут скрыт, а галочка делается с помощью :checked + label. Даже если повесить tabindex на label, чтобы он стал фокусируемым, нажатие на пробел не имитирует клик по нему. Понятно, что можно js-ом, но может можно как-то ещё?
https://codepen.io/mburakerman/pen/EyRLaa - типа этого?
А
или вот еще - https://codepen.io/Rplus/pen/vZgMxM
2021 March 31
AE
Новый вопрос. Как сделать доступный кастомный чекбокс? Я имею ввиду случай, когда сам инпут скрыт, а галочка делается с помощью :checked + label. Даже если повесить tabindex на label, чтобы он стал фокусируемым, нажатие на пробел не имитирует клик по нему. Понятно, что можно js-ом, но может можно как-то ещё?
не надо видео. скрой инпут так что бы он сам ловил фокус, и делай отображение фокуса так же как делаешь отображение чека, только псевдокласс другой.
з.ы. если вдруг затолкал инпут внутрь лэйбла, или у них есть общий родитель то можно еще фокус-визин использовать.
з.ы. если вдруг затолкал инпут внутрь лэйбла, или у них есть общий родитель то можно еще фокус-визин использовать.
AE
https://codepen.io/mburakerman/pen/EyRLaa - типа этого?
ты нашел два самых НЕдоступных чекбокса, мои поздравления.
PN
Здраствуйте. Подскажите, как не отрывать звёздочку от последнего слова в required label
она сделана через ::after {content: "*"}
она сделана через ::after {content: "*"}
AE
Здраствуйте. Подскажите, как не отрывать звёздочку от последнего слова в required label
она сделана через ::after {content: "*"}
она сделана через ::after {content: "*"}
еще раз другими словами пожалуйста
G
Здраствуйте. Я сделала одну анимацию при ховере. Но есть проблема, когда наважу краю элемента начинается бесконечная анимация. Не знаю, как править. Буду благодарно, если вы мне поможете. Как думаете можно как-то исправить это?
ссылка не демо: https://codepen.io/ghuseynova/pen/BaQPvOx?editors=1100
не нормальное поведение: https://monosnap.com/file/9A8tvzmpGFugje8Xnv9xSmHWe7onAg
ссылка не демо: https://codepen.io/ghuseynova/pen/BaQPvOx?editors=1100
не нормальное поведение: https://monosnap.com/file/9A8tvzmpGFugje8Xnv9xSmHWe7onAg
Д
Здраствуйте. Я сделала одну анимацию при ховере. Но есть проблема, когда наважу краю элемента начинается бесконечная анимация. Не знаю, как править. Буду благодарно, если вы мне поможете. Как думаете можно как-то исправить это?
ссылка не демо: https://codepen.io/ghuseynova/pen/BaQPvOx?editors=1100
не нормальное поведение: https://monosnap.com/file/9A8tvzmpGFugje8Xnv9xSmHWe7onAg
ссылка не демо: https://codepen.io/ghuseynova/pen/BaQPvOx?editors=1100
не нормальное поведение: https://monosnap.com/file/9A8tvzmpGFugje8Xnv9xSmHWe7onAg
Сделать div обёртку с фиксированной высотой и шириной. Это как вариант
Д
И задать ему ховер
G
Сделать div обёртку с фиксированной высотой и шириной. Это как вариант
Спасибо, попробую
PN
еще раз другими словами пожалуйста
Звёздочка сделана как я показал. Но при уменьшении экрана она спрыгивает на другую сроку. Как этого избежать?
AE
Звёздочка сделана как я показал. Но при уменьшении экрана она спрыгивает на другую сроку. Как этого избежать?
свойство есть в стилях что бы переносы предотвратить
VA
...: nowrap; с w начинается, на е заканчивается)V
https://codepen.io/valentinus/pen/xxggqRQ
не подскажете как сделать так чтобы ссылка работала на всем блоке, и не перекрывалась :after ?
не подскажете как сделать так чтобы ссылка работала на всем блоке, и не перекрывалась :after ?
VA
position: relative;
z-index: 2;