button:activer не работает

[riaron]

есть копка

Код: Выделить всё

Html::submitButton('Отправить', ['class' => 'btn btn-success'])

btn и btn:hover работают остальные нет

Код: Выделить всё

button.btn{
  font-family: Gabriola;
  font-weight: bold;
  font-size: 14pt;
  color:#6f0e0e !important;
  background-color:black;
  border: 1px solid gold;
}
button.btn:hover{
  font-family: Gabriola;
  font-weight: bold;
  font-size: 14pt;
  color:#6f0e0e !important;
  background-color:grey;
  border: 1px solid gold;
}
button.btn:after{
  font-family: Gabriola;
  font-weight: bold;
  font-size: 14pt;
  color:#6f0e0e !important;
  background-color:black;
  border: 1px solid gold;
}
button.btn:active{
  background-color: orange;
            box-shadow: 0 5px gray;
            transform: translateY(2px);
}

[Prooksius]

Вам надо штудировать css...
Непонятно, зачем это:

Код: Выделить всё

button.btn:after{

Ну если и надо, то :after без

Код: Выделить всё

content: '';

не работает

[riaron]

Мне надо кастомизировать кнопку при нажатии и после нажатия