在CSS中，可以使用多種方法向輸入框添加樣式和功能，以下是一些常見的做法：

1、添加背景圖片：

可以使用CSS的background-image屬性為輸入框添加背景圖片。

```css

input[type="text"] {

background-image: url("path-to-your-image.png");

}

```

2、添加邊框：

可以使用border屬性為輸入框添加邊框。

```css

input[type="text"] {

border: 1px solid #000;

}

```

3、添加圓角：

可以使用border-radius屬性為輸入框添加圓角。

```css

input[type="text"] {

border-radius: 5px;

}

```

4、添加陰影：

可以使用box-shadow屬性為輸入框添加陰影。

```css

input[type="text"] {

box-shadow: 2px 2px 5px #888;

}

```

5、添加過渡效果：

可以使用transition屬性為輸入框添加過渡效果。

```css

input[type="text"] {

transition: all 0.3s ease;

}

```

6、添加占位符文本：

可以使用placeholder屬性為輸入框添加占位符文本。

```css

input[type="text"] {

placeholder: "請輸入文本";

}

```

7、添加自動完成功能：

可以使用autocomplete屬性為輸入框添加自動完成功能。

```css

input[type="text"] {

autocomplete: "on";

}

```

8、添加只讀模式：

可以使用readonly屬性將輸入框設置為只讀模式。

```css

input[type="text"] {

readonly: true;

}

```

9、添加禁用狀態(tài)：

可以使用disabled屬性將輸入框設置為禁用狀態(tài)。

```css

input[type="text"] {

disabled: true;

}

```

10、添加***大值和***小值：

可以使用max和min屬性設置輸入框的***大值和***小值。

```css

input[type="number"] {

max: 100;

min: 0;

}

```