CSS -- outline

作者: 就叫初九吧 | 来源:发表于2016-12-22 14:49 被阅读10次

outline属性在元素外围生成一个轮廓。
和border的区别:

  1. 不占据空间
  2. 不一定是矩形

浏览器对该属性有默认的设置,尤其是在元素获取焦点的时候,为了提示用户当前元素�获取焦点,重点突出该元素,一般为蓝色轮廓。移除方法:

outline: none

statckoverflow - remove outline

demo.png

相关文章

  • CSS -- outline

    outline属性在元素外围生成一个轮廓。和border的区别: 不占据空间 不一定是矩形 浏览器对该属性有默认的...

  • input去掉默认的蓝线框

    css方法1: input { outline:none; } css方法2: input:focus { ...

  • css -- outline 属性

    outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 注释:轮廓线不会占据...

  • CSS border outline

    边框和轮廓 边框和轮廓是位于外边距内外的线框,有时候,设置边框和轮廓属性对于网页布局很有用,尤其是边框。 边框bo...

  • 11.轮廓

    参考链接:https://www.w3school.com.cn/css/css_outline.asp[http...

  • 学习笔记

    CSS中outline属性,是对盒子的轮廓设置,在没有设置outline-offset情况下是紧贴盒子的borde...

  • css样式——轮廓篇

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

  • 自动填满屏幕剩余空间应用技巧之outline

    自动填满屏幕剩余空间的应用技巧——outline 关键的css就是设置一个超大轮廓范围的outline属性,如给个...

  • css outline 和 border

    outline 官方解释如下:https://developer.mozilla.org/zh-CN/docs/W...

  • CSS cursor outline resize

    鼠标样式 cursor 轮廓线 outline 如下所示,选中会有一个蓝色的边框,如何取消轮廓线 防止拖拽文本域 ...

网友评论

    本文标题:CSS -- outline

    本文链接:https://www.haomeiwen.com/subject/lhxhvttx.html