删除输入样式 - CSS

在使用表单时，输入框通常会默认有一些样式，如边框、阴影等。但有时我们需要删除这些样式，让输入框更符合需求。

下面介绍几种删除输入样式的方式：

1. 使用normalize.css

normalize.css是一种常用的CSS reset库，可以使浏览器在各种设备上以更一致的方式呈现页面。在使用normalize.css之后，输入框的默认样式会被重置，以达到更好的效果。

使用方式：

1. 在HTML中引入normalize.css

<link rel="stylesheet" href="normalize.css">

2. 在CSS中使用

input {
  border: none;
  box-shadow: none;
  outline: none;
}

2. 设置样式为none

通过将边框、阴影、轮廓样式设置为none，可以删除输入框的默认样式。

使用方式：

input {
  border:none;
  box-shadow:none;
  outline:none;
}

3. 重置样式

对于一些特定的样式，如边框、背景色等，可以通过显式地将其设为默认值来删除它们的默认样式。

使用方式：

input {
  border: 1px solid #ccc;
  background-color: #fff;
}

以上三种方式可以让我们以更自由的方式设计输入框的样式。无论哪种方式，都能够删除输入框的默认样式，以达到更好的视觉效果。