Como fazer o botão ''mudar'' ao passar o mouse?

Detalhes da questão

Endereço do fórum: http://pmhh.forumeiros.com/
Versão do fórum: PunBB

Descrição

Detalhes da questão

Endereço do fórum: http://pmhh.forumeiros.com/
Versão do fórum: PunBB

Descrição

Como posso colocar aquele efeito que, ao colocar o mouse no botão, ele muda de cor?

Olá,

Depende de qual botão está falando. Seria um de criação de tópico ou aqueles genéricos de formulários?

p7

Em geral. Quero para todos os botões.
No Fórum dos Fóruns, cito como exemplo ''Pré-visualizar'', ''Enviar''.

Vá em Painel de controle Visualização Imagens e Cores Cores Folha de estilo CSS e adicione o seguinte código ao final da caixa de texto:

Código:

input.button1,
input.button2,
.pun .frm .frm-buttons input {
  background: #54943d;
  color: #fff;
  border: none;
  padding: 0 10px;
  height: 20px;
  cursor: pointer;   
  outline: none;
  box-sizing: border-box;
  transition: 250ms ease background;
}

input.button1:hover,
input.button1:focus,
input.button2:hover,
input.button2:focus,
.pun .frm .frm-buttons input:hover,
.pun .frm .frm-buttons input:focus {
  background: #333;
}

Opa, valeu,

Às ordens. o7

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".