添加：焦点边框到文本输入，并删除默认边框

Question

在css中，当给定的文本框处于焦点时，我希望有一个2像素浅蓝色边框。我有以下内容：

form input.text:focus
{
border:2px solid #09F;
}

非常简单。问题是，在我的新蓝色边框之外仍然可以看到默认的橙色边框。我怎么能摆脱这个？

Answer 1

我不确定它属于outline属性，因为它通常是蓝色，而不是橙色（你在哪个浏览器？）。无论如何，只需将outline: none;添加到该规则集即可。