html - 向文本输入添加 :focus 边框，并摆脱默认边框

Question

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

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

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

Answer 1

我不确定它是否与该outline属性有关，因为它通常是蓝色的，而不是橙色的（您使用的是哪个浏览器？）。无论如何，尝试简单地添加 outline: none;到该规则集中。