轮廓 outline 防止拖拽文本域resize

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>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,445评论 2 66
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,815评论 1 45
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 1,325评论 0 0
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 2,059评论 0 6
  • 简单的生活,从第一株多肉开始
    维W阅读 192评论 0 0

友情链接更多精彩内容