对于您的情况,请尝试:
input.middle:focus {
outline-width: 0;
}
或一般而言,影响所有基本表单元素:
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
在评论中,诺亚·惠特莫尔(Noah Whitmore)建议更进一步,以支持将contenteditable
属性设置为的元素true
(有效地使其成为一种输入元素)。以下内容也应该针对这些对象(在支持CSS3的浏览器中):
[contenteditable="true"]:focus {
outline: none;
}
尽管我不建议这样做,但出于完整性考虑,您始终可以使用以下命令禁用 的焦点轮廓:
*:focus {
outline: none;
}