Чтобы изменить стиль кнопки при наведении курсора мыши в CSS, вы можете использовать псевдокласс :hover. Этот псевдокласс позволяет применять стили к элементу, когда пользователь наводит на него курсор мыши.
Например, чтобы изменить цвет фона кнопки на красный цвет при наведении курсора мыши, вы можете использовать следующий CSS-код:
button:hover {
background-color: red;
}
В этом примере, стиль применяется к кнопке (button) при наведении курсора мыши на нее (:hover). Стиль изменяет фоновый цвет кнопки на красный.
Вы также можете изменить стиль текста, цвет кнопки, границы и другие параметры. Например:
button:hover {
background-color: blue;
color: white;
border: 2px solid green;
}
В этом примере, при наведении мыши на кнопку, фоновый цвет изменяется на синий (background-color), цвет текста становится белым (color), а граница кнопки становится зеленой и имеет толщину 2 пикселя (border).
Обратите внимание, что если у кнопки уже есть определенный стиль, то при наведении курсора мыши на нее, вы только измените те свойства, которые определены в псевдоклассе :hover.
