您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何删除输入文本元素上的边框突出显示

如何删除输入文本元素上的边框突出显示

对于您的情况,请尝试:

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;
}

请记住,焦点轮廓是可访问性和可用性功能;它会提示用户当前所关注的元素。

其他 2022/1/1 18:16:08 有461人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶