去除input ,textare 系统默认样式

最新推荐文章于 2024-08-06 11:58:02 发布

原创最新推荐文章于 2024-08-06 11:58:02 发布 · 547 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input

css3 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种通过CSS代码去除input和textarea元素的系统默认样式的技巧，包括去除轮廓线和点击高亮颜色，适用于前端开发中对界面风格统一的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

去除input textare 系统默认样式

input{
　  outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}

textare {
　  outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}