谁能解释一下如何去除文本/输入框周围的橙色或蓝色边界(轮廓)?我认为这只发生在Chrome上,以显示输入框是活动的。这是我使用的输入CSS。
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
。
这个边框是用来显示元素被聚焦的(即你可以输入输入法或用回车键按下按钮)。不过,你可以把它去掉。
textarea:focus, input:focus{
outline: none;
}
不过,为了方便使用,你可能想增加一些其他方法,让用户知道什么元素有键盘焦点。
Chrome也会对其他元素进行高亮处理,比如作为模版使用的DIV'。为了防止这些元素和所有其他元素的高亮,你可以这样做。
*:focus {
outline: none;
}