Мобильная версияЕсть ли причина, по которой мои кнопки не работают с моим кодом? ⇐ CSS
-
Anonymous
Есть ли причина, по которой мои кнопки не работают с моим кодом?
Что касается моих кнопок в моем коде, это не позволяет кнопке превращать курсор в указатель при перемещении на кнопку, и через некоторое время мой селектор псевдокласса при наведении больше не работает для кнопки. Я использовал ChatGPT, чтобы выяснить, где я мог ошибиться, и он показал, что размещение кнопок в относительном положении могло испортить доступность кнопок.
Можете ли вы показать мне, где я мог ошибиться в этом коде?
.hero-btn { /* положение: относительное; верх: 200 пикселей; слева: 30 пикселей; */ поле слева: 10 пикселей; отступ: 10 пикселей 20 пикселей; размер шрифта: 1rem; граница: нет; курсор: указатель; радиус границы: 25 пикселей; семейство шрифтов: «Open-Sans», без засечек; переход: .3с легкость входа-выхода; } .blog-btn { цвет фона: #000; цвет: #fff; } .blog-btn:hover { цвет фона: var (--вторичный-цвет); цвет: #fff; } .sub-кнопка { цвет фона: #000; цвет: #fff; } .sub-btn:hover { цвет фона: var (--основной-цвет); цвет: #fff; Читать блог Подписаться
Элемент ввода использовался первым, а затем был заменен на элемент кнопки. Кнопка когда-то зависала, а курсор: указатель; работал над проверкой доступности. Через некоторое время кнопка стала не работать при попытке проверить доступность, пробовал менять атрибуты класса, там был перебор. Я попробовал изменить позицию или закомментировать ее, но все равно не помогло. Я также еще раз переписал код, чтобы убедиться, что это не орфографическая ошибка.
Что касается моих кнопок в моем коде, это не позволяет кнопке превращать курсор в указатель при перемещении на кнопку, и через некоторое время мой селектор псевдокласса при наведении больше не работает для кнопки. Я использовал ChatGPT, чтобы выяснить, где я мог ошибиться, и он показал, что размещение кнопок в относительном положении могло испортить доступность кнопок.
Можете ли вы показать мне, где я мог ошибиться в этом коде?
.hero-btn { /* положение: относительное; верх: 200 пикселей; слева: 30 пикселей; */ поле слева: 10 пикселей; отступ: 10 пикселей 20 пикселей; размер шрифта: 1rem; граница: нет; курсор: указатель; радиус границы: 25 пикселей; семейство шрифтов: «Open-Sans», без засечек; переход: .3с легкость входа-выхода; } .blog-btn { цвет фона: #000; цвет: #fff; } .blog-btn:hover { цвет фона: var (--вторичный-цвет); цвет: #fff; } .sub-кнопка { цвет фона: #000; цвет: #fff; } .sub-btn:hover { цвет фона: var (--основной-цвет); цвет: #fff; Читать блог Подписаться
Элемент ввода использовался первым, а затем был заменен на элемент кнопки. Кнопка когда-то зависала, а курсор: указатель; работал над проверкой доступности. Через некоторое время кнопка стала не работать при попытке проверить доступность, пробовал менять атрибуты класса, там был перебор. Я попробовал изменить позицию или закомментировать ее, но все равно не помогло. Я также еще раз переписал код, чтобы убедиться, что это не орфографическая ошибка.
