html - 如何设置<input>边框

Question

我不确定如何调用这种功能，但我的问题是，有没有办法设置以下效果的颜色:

仅使用 border 是不行的。

Answer 1

使用the outline property :

input:focus { outline: 2px orange solid }

outline 适用于所有现代浏览器 except for IE < 8 .

:focus 伪类适用于除 IE 之外的所有现代浏览器 - 您必须为此使用 JavaScript 解决方法，如图所示 here .

但是，您将无法复制所需的效果(这似乎是 Chrome 在关注某个字段时的默认行为？)，完全是因为 outline 没有 radius 属性。也许@Sarfraz 的建议是一个合适的解决方法。