如何重置/删除chrome的输入突出显示/焦点边框？ [英] How to reset / remove chrome's input highlighting / focus border?

问题描述

我看到chrome在：focus上放了一个较厚的边框。但它在我的情况下，我也使用border-radius也。有没有反正要删除呢？

$ b outline：none;


但是请注意，这对可用性可能有害：很难判断元素是否焦点，当您使用 Tab 键遍历所有表单的元素时，可以吸引您 - 您应该在某个元素集中时反映。

i see that chrome puts a thicker border on :focus. but it kind of look off in my case where i use border-radius also. is there anyway to remove that?

解决方案

You should be able to remove it using

outline: none;

but keep in mind this is potentially bad for usability: It will be hard to tell whether an element is focused, which can suck when you walk through all a form's elements using the Tab key - you should reflect somehow when an element is focused.

这篇关于如何重置/删除chrome的输入突出显示/焦点边框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！