复制Chrome默认输入的大纲样式

Question

如何设置默认Chrome输入的大纲样式(焦点,橙色),所以在每个浏览器中看起来都一样？镀铬风格似乎是textarea:focus{outline: rgb(229, 151, 0) auto 5px; outline-offset: -2px},但它不工作(没有auto对outline-style其他浏览器).

Answer 1

默认Chrome大纲样式:

outline-color: rgb(77, 144, 254); // #4D90FE
outline-offset: -2px;
outline-style: auto;
outline-width: 5px;

转换为此

 input:focus {
     outline:none; 
     border:1px solid #4D90FE;
     -webkit-box-shadow: 0px 0px 5px  #4D90FE;
     box-shadow: 0px 0px 5px  #4D90FE;
 }

Answer 2

不知道我的解决方案对你来说是否足够好,但到目前为止,我还不知道其他任何方式......我这样做:

textarea:focus
{
    outline:none; /*or outline-color:#FFFFFF; if the first doesn't work*/
    border:1px solid #48A521;
    -webkit-box-shadow: 0px 0px 4px 0px #48A521;
    box-shadow: 0px 0px 4px 0px #48A521;
}

Answer 3

在这里试试：

HTML 元素的浏览器默认 CSS

那里有 Google Chrome 的默认 CSS。我确信样式将在那里定义。

PS：您需要Chrome/Safari (WebKit)。