【转】input输入框的各种样式

好的，以下是一些 input 输入框的样式：

1. 基本输入框样式：

<input type="text" placeholder="请输入内容" />

2. 带有边框的输入框：

<input type="text" placeholder="请输入内容" style="border: 1px solid #ccc; padding: 5px;" />

3. 带有圆角的输入框：

<input type="text" placeholder="请输入内容" style="border: 1px solid #ccc; padding: 5px; border-radius: 5px;" />

4. 带有阴影的输入框：

<input type="text" placeholder="请输入内容" style="border: 1px solid #ccc; padding: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1);" />

5. 带有背景色的输入框：

<input type="text" placeholder="请输入内容" style="border: none; padding: 5px; background-color: #f5f5f5;" />

6. 带有图标的输入框：

<div style="position: relative;">
  <input type="text" placeholder="请输入内容" style="padding: 5px; padding-left: 30px;" />
  <i class="fa fa-search" style="position: absolute; top: 8px; left: 10px;"></i>
</div>

以上是一些常用的 input 输入框样式，可以根据具体需求进行调整。