2016-09-16 8 views
0

Я использую Bootstrap button, и я хочу, чтобы, когда я нажимаю на них, граница фокуса не должна появляться вокруг значков. Код выглядит следующим образом.Как удалить границу фокуса кнопки при нажатии?

<div class="btn-group"> 
    <button class="btn btn-link"> <img src="../images/icons/User.svg" class="svg"></button> 
</div> 
+0

попробуйте это кнопка: focus {план: 0! Important; } –

+0

Его не работает. –

+0

Две мысли - во-первых - эта граница на активном состоянии/фокусе является важным индикатором действия с точки зрения доступности (чтобы пользователи могли знать, что они сделали/сосредоточить внимание), поэтому будьте осторожны при ее удалении. Второе: использование Важно не следует рекомендовать, так как это имеет значение во всей таблице стилей. – gavgrif

ответ

1

Используйте этот стиль, чтобы избежать границы фокусировки по пунктам

button:focus { 
    outline: none; 
} 
+0

Спасибо, что он работает отлично с! важным тегом. –

1

Используйте outline:0; или outline:none; удалить границу на фокус

Примечание: Использование !important в конце правила для отмены заявлений Bootstrap

button:focus{ 
    outline:0 !important; 
} 

или

button:focus{ 
    outline:none !important; 
} 
2

разок попробовать

button:focus{ 
outline:0px; 
} 

Используйте Также

button:focus{ 
outline:none !important; 
} 

я должен изменить! Важно то работать нормально.

+0

Нет другого ответа. Вот почему я даю вам тот же ответ –

Смежные вопросы