首页
Javascript
Html
Css
Node.js
Electron
移动开发
工具类
服务端
浏览器相关
前端收藏
其他

去掉Chrome,Safari等浏览器input,select,textarea等form元素的高亮效果

2012年11月13日 发布 阅读(290) 作者:懒炖

chrome、safari等现代浏览器,input,textarea,select等一些Form元素,会有一个默认的高亮样式。

我们不需要这个默认样式的时候,要怎么处理呢,其实很简单,如下设置:

  1. input {
  2. outline:none;
  3. }

outline 定义和用法

outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

注释:轮廓线不会占据空间,也不一定是矩形。

outline 简写属性在一个声明中设置所有的轮廓属性。

可以按顺序设置如下属性:
outline-color
outline-style
outline-width

版权声明:本站文章除特别声明外,均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议,如需转载,请注明出处

评论

  •