在输入字段上还原Webkit的CSS大纲 [英] Restore Webkit's CSS outline on input field

问题描述

我想恢复某些表单字段上的默认CSS outline 设置，但我希望将其恢复为默认的Webkit或浏览器特定样式。

I want to restore the default CSS outline setting on some form fields but I want it restored to the default Webkit or browser specific style.

我使用的页面在所有元素上都应用了 outline：none ，我只想恢复为几个默认设置那些。任何想法？

The page I'm working with has outline: none applied on all elements, and I just want to revert to the default setting on a few ones. Any ideas?

推荐答案

不使用outline：none重置，而是使用outline-width：

Instead of resetting with outline: none, reset with outline-width: 0. This prevents the browser from clearing the styles and when you reapply a width the style will still be there.

input:focus {
  outline-width: 0;
}

input.nostyle:focus {
  outline-width: 5px;
}

http://jsfiddle.net/VT4Hb/

这篇关于在输入字段上还原Webkit的CSS大纲的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！