选择时从 HTML 文本输入中去除蓝色发光 [英] Removing the blue glow from an HTML text input when selected

问题描述

如何使用纯 CSS 去除选定文本输入框周围的蓝色光晕?

How can I remove the blue glow that surrounds a selected text input box using pure CSS?

推荐答案

应该这样做:

input:focus {
    outline:none;
}

编辑(2015 年):如果您正在为广泛的受众进行设计，请记住，对于通过键盘导航或需要更明显的视觉反馈的用户来说，大纲通常是一项重要的辅助功​​能.如果您移除大纲，请确保定义一个替代焦点状态，以便为您的用户提供适当的视觉反馈.

EDIT (2015): If you are designing for a wide audience, recall that the outline is often a critical accessibility feature for users who navigate via keyboards or require more apparent visual feedback. If you remove the outline, make sure to define an alternative focus state that provides appropriate visual feedback to your users.

这篇关于选择时从 HTML 文本输入中去除蓝色发光的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！