博主辛苦了，我要打赏银两给博主，犒劳犒劳站长。
【摘要】有的时候你会发现当我们将光标聚焦到搜索框的时候，搜索框边框会有出现轮廓，然而我们并不是经常希望看到这条轮廓，它在某种程度上影响了页面的整体美观，本文介绍一下使用 CSS 样式中的 outline 属性去掉这个默认的轮廓。
通常默认将光标聚焦到搜索框中出现的效果如下：
所有浏览器都支持 outline 属性，outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。如：
input{outline:#00FF00 dotted thick;}去掉轮廓实例：
<style type="text/css">
input,textarea,select{outline: 0 !important;}</style>
<input type="text" name="name" />
<textarea></textarea>
<select>
<option>1</option>
<option>2</option>
</select>
通过设置 outline:0 即可实现轮廓消失。
版权归 马富天PHP博客 所有
本文标题：《CSS outline 属性介绍》
本文链接地址：http://www.mafutian.net/249.html
转载请务必注明出处，小生将不胜感激，谢谢! 喜欢本文或觉得本文对您有帮助，请分享给您的朋友 ^_^
顶0
踩0
第 3 楼 网站目录 2017-03-10 14:57:08 浙江宁波
第 2 楼 上品户外 2017-03-09 12:21:00 湖北武汉
第 1 楼 上下九东方汇软膜天花吊顶 2017-03-04 11:09:50 广东佛山
| 评论审核未开启 |
|
||