【发布时间】：2016-07-12 07:00:07
【问题描述】：
我正在使用 Bootstrap，但想在输入框获得焦点时禁用它周围的蓝色光晕。
我试过了 过渡：border-color 0s，box-shadow 0s；
它在 Firefox、IE 上运行良好，但 Chrome 只是忽略了这一点并保留了动画。
谁能告诉我如何在 Chrome 上禁用该转换？
TVMIA，
亚当。
【问题讨论】：
-
*:focus{ 大纲:0px !important; -webkit-外观：无；这将为所有元素捕获它，如果它只是输入，您需要将 * 替换为输入
-
焦点的视觉显示是可访问性的重要特征。尝试像使用键盘导航的人那样浏览表单。没有焦点，很难确定你在页面结构中的位置。 （请记住，阻碍可访问性可能会给您的网站所有者带来责任。
-
我必须同意山茱萸的观点，我也是我公司的无障碍工程师。我无法想象为什么你会尝试隐藏焦点指示，除非你正在创建一个自定义的替换它。
-
嗨，伙计们——“一个自定义的替换它”——这正是我们正在做的。我可能应该说清楚，但尽量不要在问题中添加不必要的绒毛。感谢您的回复。