美文网首页
轮廓 outline 防止拖拽文本域resize

轮廓 outline 防止拖拽文本域resize

作者: 三人成师 | 来源:发表于2018-12-14 16:07 被阅读0次

outline常用于搜索框去掉蓝色的线

去除前:

去除后:

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

outline:outline-color||outline-style||outline-width

但是我们都不关心可以设置多少,我们平时都是去掉的。

最直接的写法是 :  outline: 0;  或者  outline: none;

<inputtype="text"style="outline: 0;"/>

防止拖拽文本域resize

resize:none    这个单词可以防止 火狐 谷歌等浏览器随意的拖动 文本域。

右下角可以拖拽:

<textarea></textarea>

右下角不可以拖拽:

<textareastyle="resize: none;"></textarea>

相关文章

网友评论

      本文标题:轮廓 outline 防止拖拽文本域resize

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