我正在开发一个 Chrome 扩展程序,可以让您编辑一个小文本字段,我发现单击时文本字段周围的蓝色突出显示非常烦人。
有没有办法(最好使用 CSS)使这个突出显示稍微变细?我发现它有点太厚了,需要减薄。谢谢!
蓝色高亮截图:
最佳答案
是的;只需将“无”分配给“大纲”属性:
input {
outline: none;
}
请考虑大纲是一项 UI 功能,用于突出显示当前事件/聚焦的表单元素,删除该视觉提示可能会妨碍某些用户。
编辑以回应 OP Beakr 在以下评论中留下的评论:
I was intending to disable it/modify it to see what it could do.
要调整大纲
的样式,您可以访问各个属性:
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 */
}
上面的内容也可以使用速记符号进行压缩:
elementSelector:focus {
outline: 4px auto #f90;
}
可以使用的最小轮廓测量值是:
elementSelector:focus {
outline-width: thin; /* or 1px */
}
关于html - 在 Chrome 扩展中禁用文本字段蓝色突出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9455067/