arranque de botón 3 / estado de enfoque

El estado de desplazamiento de los botones de Bootstrap 3 se ve exactamente igual con su estado de enfoque.

¿Hay alguna manera de cambiar esto? Sé que es solo un problema cosmético, pero quiero que el estado de vuelo estacionario se desvanezca cuando el mouse se desplace, y aún así tener otra característica distinta para saber que el botón tiene foco.

No sé si este es el problema de mi navegador o si realmente está destinado (¿o es un error?).

Estoy usando Chrome más reciente. (Versión 34.0.1847.131 m)

Enlace a Bootstrap 3 muestras de botones. http://getbootstrap.com/css/?#buttons-tags

Haga clic en el 3er botón con la etiqueta “Entrada” y saque el mouse.

Actualizar:

Intenté reemplazar los estilos predeterminados de enfoque / desplazamiento, pero ahora el botón está atascado en el estado de enfoque incluso cuando lo mueves. ¿Hay alguna manera de superar esto? Parece que el estado de enfoque tiene mayor prioridad en los estilos que el vuelo estacionario.

– Gracias por los chicos de punteros. Para el comportamiento previsto de seguir teniendo un estado de vuelo distinto a pesar de estar en foco, el estado de vuelo estacionario debe redefinirse nuevamente.

La CSS que agregué fue así:

.btn-default:focus, .btn-default:active, .btn-default.active { background-color: #ffffff; } .btn-default:hover { background-color: #ebebeb; } 

Puede anular los estilos de arranque. Primero asegúrese de que su hoja de estilo o statement de estilo se agregue después del arranque, por ejemplo:

   

Luego en tu css:

 .btn:focus { background-color: red; } 

En lugar de anular los estilos solo haga clic en el evento .blur () desde jquery. ¡Eliminará el foco en el clic y el problema se resolverá!