Botões personalizados

Detalhes da questão

Endereço do fórum: http://vnvgames.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Bom eu quero saber como alterar a cor do botão quando o mouse passa sobre ele que como mostra a imagem abaixo:

Imagem:

Eu quero alterar para está cor quando o mouse passa sobre o botão: #4A4A4A

E depois de alterar queria colocar estas linhas vermelhas no botão como mostra a imagem abaixo:

Imagem:

Olá @Jhonny_.,
Adicione na sua folha de estilo, o seguinte código:

Código:

.button1:hover,
.button2:hover,
.button:hover,
input[type="submit"]:hover {
      background-color: #4a4a4a!important;
      border-bottom: 1px solid red;
      box-shadow: none!important;
}


Cordialmente,
pedxz.

Tipo tem como deixar a cor vermelha ali pra não precisar passar o mouse pra ela aparecer?

Sim claro adicione na sua folha de estilo, mais este código:

Código:

.button1,
.button2,
.button,
input[type="submit"] {
      border-bottom: 1px solid red;
}


Agradeço a ajuda, funcionou, muito obrigado!