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

Question

我工作的一个Chrome扩展，它可以让您编辑小文本字段，并单击真烦人，当我发现周围的文本字段中的蓝色亮点。

有没有一种方法（最好使用CSS），使这个亮点稍薄？我觉得它太厚了，需要瘦身。谢谢！

截图蓝色亮点：

Answer 1

是;只需将'none'分配给'outline'属性：

input { 
    outline: none; 
} 

JS Fiddle demo。

请考虑外形为UI功能凸显当前活动/ -focused表单元素并删除视觉提示可能会阻碍一些用户。

---

响应由Beakr，在OP评论左撇子编辑，在下面的评论：

我正打算禁用/修改它，看看它可以做。

要调整风格为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 Fiddle demo。

以上也可以浓缩，用速记符号：

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

最小的可用于可能的轮廓测量的要么是：

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