在HTML中,文本框是一种常用的表单控件。它可以让用户输入和编辑文本信息。但是,默认情况下,在大多数浏览器中,文本框周围会有一个蓝色的边框,这看起来不太美观。
为了取消这个蓝色边框,大家可以运用CSS样式表中的一个属性:outline。outline属性可以设置一个元素的轮廓线条。
input { outline: none; }
上面的代码中,大家将所有的input元素的outline属性设置为none,表示取消它的轮廓线条。这样,文本框周围的蓝色边框就消失了。
需要注意的是,如果去掉了文本框的蓝色边框,用户在使用键盘Tab键切换输入框时,就无法通过边框来区分当前所在的输入框了。因此,建议在取消文本框边框时,换用其他的视觉效果来提示用户当前所在的输入框。