默认浏览器红色边框CSS

Question

我正在试图弄清楚当人们不输入必填字段的信息时如何创建红色边框。有没有办法让每个浏览器都有默认输入所需的红色轮廓框？

像这样：

我一直在研究的代码并不像我想要的边界那样吸引眼球。有谁知道如何重新创建上面的边框？

input.error {
    border: 2px solid red;
}

Answer 1

以下是如何使用大纲来完成的：

<input type=text style="outline:2px solid #f77; outline-offset:-1px ">
<select style="outline:2px solid #f77; outline-offset:-1px ">

http://jsfiddle.net/q45yuno8/