[分享]css3去除输入控件样式

CSS3提供了一种非常方便的方法去除输入控件的默认样式。使用以下代码即可：

input[type="text"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
} 

以上代码使用了伪类选择器[type="text"]和[type="password"]，分别针对文本框和密码框进行样式设置。也可以使用通用选择器input去除所有输入控件的默认样式。

其中，-webkit-appearance和-moz-appearance是webkit内核和firefox内核浏览器的私有属性，用于去除默认样式，appearance是CSS3新增的属性，用于控制控件的外观。border和outline设置为none去除边框和轮廓。

在一些基础样式库和框架中也有类似的去除默认样式的代码，可以根据实际情况进行调整和使用。