去除input ,textare 系统默认样式

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

梨童就是小梨童呀

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

阅读量546

点赞数

CC 4.0 BY-SA版权

分类专栏： css3 文章标签： input

本文链接：https://blog.youkuaiyun.com/weixin_42220039/article/details/94041770

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); /* 点击高亮的颜色*/
}