Курсор: указатель Не работает в Chrome, но работает в Firefox [закрыто] ⇐ CSS

[Anonymous]

Я реализую эффект указателя мыши для кнопки, используя стилизованные компоненты на веб-странице. Он работает в Firefox, но не в Chrome, даже с правилом !important в CSS. Есть какие-нибудь идеи по достижению согласованного поведения в обоих браузерах с помощью стилизованных компонентов?

export const SomeButton = styled.button` курсор: указатель; ширина: 100%; высота: 100%; выровнять-сам: центр; оправдать себя: центр; граница: нет; радиус границы: 30 пикселей; цвет фона: #cad9fe; размер шрифта: 3vw; цвет: #fff; начертание шрифта: жирный; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0,25); `; Я попытался реализовать эффект указателя мыши для кнопки, используя стилизованные компоненты на веб-странице. Ожидаемым результатом стала единообразная функциональность во всех браузерах, включая Firefox и Chrome. Однако, несмотря на использование правила !important в CSS, эффект работает в Firefox, но не в Chrome. Мне нужны рекомендации по достижению желаемого результата в обоих браузерах.