стиль кнопки, css

Question

Возможно ли, что когда я двигаюсь по кнопке мыши, меняю стили кнопки?

Когда курсор на кнопке, показывается этот стиль:

input.button_p
{
   color: #000000;
   border-style: none;
}

Когда курсора нет 'т на кнопку, показать этот стиль:

input.button_a
{
   color: #FFFFFF;
   border-style:solid;
}

Спасибо

Answer 1

Вы можете использовать псевдокласс :hover , например:

input.button_p {
  color: #000000;
  border-style: none;
}
input.button_p:hover {
  color: #FFFFFF;
  border-style:solid;
}

И элемент просто имеет класс button_p, например:

<input type="button" class="button_p" />

Answer 2

input.button {
  color: #000000;
  border-style: none;
}

input.button:hover {
  color: #FFFFFF;
  border-style:solid;
}

Обратите внимание, что атрибут: hover в этом использовании поддерживается не всеми браузерами .. Но он поддерживается во многих из них, чтобы не беспокоиться об этом.

Answer 3

<input type="submit"> и <input type="button"> не поддерживаются во всех браузерах. Вы должны использовать <button type="submit">text</button> вместо.