去掉 Chrome 默认的 input、textarea 的边框

使用 Chrome 的都知道,当鼠标焦点在 input、textarea 这些元素上时,Chrome 默认的会给它们加上黄色的边框,我以前一直以为这是 Chrome 的特性,没法去掉,原来是 css 的效果,outline 这个属性。

你可以用下面的 css 代码去掉所有元素的边框:

*:focus { outline: none; }

用下面的代码去掉你要去掉的元素的边框:

.nohighlight:focus { outline: none; }

你也可以给元素增加你希望的边框:

.changeborder:focus { outline: 4px solid blue; }