CSS - 去除 input 框默认样式

最新推荐文章于 2025-02-17 20:34:54 发布

王二红

最新推荐文章于 2025-02-17 20:34:54 发布

阅读量3.9k

点赞数 1

分类专栏： + CSS

本文链接：https://blog.csdn.net/weixin_44198965/article/details/116656366

版权

+ CSS 专栏收录该内容

63 篇文章

订阅专栏

前言

大部分情况下，我们都会自定义 input 框样式，而默认的边框及样式非常简陋。
在这里插入图片描述
变为如下图所示，干净的样式：

实现代码

input{  
	background:none;  
	outline:none;  
	border:none;
}

/* 如果input必须要有边框，但需要去掉选中时的蓝色框 ↓↓↓ */
input{  
	background:none;  
	outline:none;  
	border:1px solid #ccc;
}
input:focus{   
	border:none;
}