There is a block of buttons, I use in the bootstrap project. The color of the buttons decided to adjust for themselves, but the standard blue color still slips when clicked. Used pseudo-class: active, but without results, here is an example:

.commonButton:active { background: #978e83; color: white; z-index:0; }

http://plnkr.co/edit/EiZHZXo1hCFOkolgjNQ4?p=preview

tell me how to remove this flashing blue?

  • .commonButton: focus {css} - soledar10
  • Unfortunately not, corrected plnkr - the blue color remained - Anton
  • styles bootstrap interrupt your styles, because they have more weight jsfiddle.net/soledar10/c9m0vveo - soledar10
  • Exactly, thanks for the advice, everything turned out - Anton
  • @ soledar10 Please post your comment as a response. - Nicolas Chabanovsky ♦

2 answers 2

  1. This blue effect gives a pseudo-class : focus

  2. Bootstrap styles interrupt your styles, because they have more weight

    The main thing is to reassign the rule of your rule through ! Important .

    In your case it turns out like this:

     .commonButton:active, .commonButton:focus,{ background: #978e83!important; color: white; z-index:0; }