在 Chrome 扩展中禁用文本字段蓝色突出显示？

我正在开发一个 Chrome 扩展程序，可以让您编辑一个小文本字段，并且我发现单击时文本字段周围的蓝色突出显示非常烦人。

有没有办法（最好使用CSS）让这个高亮部分变得更细一些？我觉得有点太厚了，需要瘦身。谢谢！

蓝色高亮截图：

是的;只需将“none”分配给“outline”属性即可：

input {
    outline: none;
}

JS 小提琴演示 http://jsfiddle.net/davidThomas/62kh7/.

请考虑，大纲是一个 UI 功能，用于突出显示当前活动/聚焦的表单元素，删除该视觉提示可能会妨碍某些用户。

Edited回应 OP Beakr 在以下评论中的左翼评论：

我打算禁用它/修改它，看看它能做什么。

调整样式outline您可以访问各个属性：

elementSelector:focus {
    outline-width: 4px; /* thin, medium, thick or standard CSS length units */
    outline-style: auto; /* or 'inherit', 'none' or border-style (solid, dashed, dotted...) */
    outline-color: #f90; /* standard CSS colors */
}

JS 小提琴演示 http://jsfiddle.net/davidThomas/62kh7/1/.

上面的内容也可以使用简写符号来简化：

elementSelector:focus {
    outline: 4px auto #f90;
}

可以使用的最小轮廓测量值是：

elementSelector:focus {
    outline-width: thin; /* or 1px */
}