在输入字段上恢复Webkit的CSS大纲

前端之家收集整理的这篇文章主要介绍了在输入字段上恢复Webkit的CSS大纲前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在某些表单域恢复默认的CSS大纲设置,但我希望它还原到默认的Webkit或浏览器特定样式.

我正在使用的页面有轮廓:没有应用于所有元素,我只想恢复到一些默认设置.有任何想法吗?

解决方法

而不是使用轮廓重新设置:none,以outline-width:0重置.这样可以防止浏览器清除样式,而当您重新应用宽度时,样式仍然存在.
input:focus {
  outline-width: 0;
}

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

http://jsfiddle.net/VT4Hb/

猜你在找的CSS相关文章