輸入框是網頁中常見的組件之一，用于接收用戶輸入的內容。通過使用 CSS3 美化輸入框，可以讓輸入框更加美觀、易用、舒適。

下面將介紹如何使用 CSS3 美化輸入框。

1. 選擇框樣式

選擇框樣式是輸入框的基本樣式，可以使用 CSS3 進行修改。常用的選擇框樣式包括：

- 普通選擇框：通過選擇 ID 或類名指定的選擇器，以及選擇框外框和內框的邊框樣式。

- 單選框：通過選擇 ID 或類名指定的選擇器，以及選擇項的列表和取消選擇按鈕的樣式。

- 復選框：通過選擇 ID 或類名指定的選擇器，以及復選框項的樣式。

可以使用 CSS3 的 `:first-child`,`:last-child`, `:hover`, `:active` 等屬性來修改選擇框的外框、內框、選擇項和取消選擇按鈕的樣式。

2. 文本樣式

文本樣式包括輸入框中文本的字體、顏色、大小等樣式。可以使用 CSS3 的 `font-size`, `font-style`, `font-weight` 等屬性來修改文本的字體樣式，也可以使用 `line-height`, `text-align`, `text-decoration` 等屬性來修改文本的對齊方式、顏色和下劃線等樣式。

例如，可以通過 CSS3 的 `font-size` 屬性來修改輸入框中文本的字體大小，如下所示：

input[type="text"] {

font-size: 16px;

這樣，輸入框中的文本就會呈現出 16 像素的字體大小。

3. 邊框樣式

邊框樣式是輸入框的背景和內框的邊框樣式。可以使用 CSS3 的 `border` 屬性來修改邊框樣式，如下所示：

input[type="text"] {

border: 1px solid #ccc;

這樣，輸入框的背景就會呈現出一個 1 像素的邊框。

4. 其他樣式

除了選擇框樣式、文本樣式和邊框樣式外，還可以通過使用 CSS3 的 `background`, `border-radius`, `box-shadow`, `gradient` 等屬性來美化輸入框的外觀。例如，可以通過 CSS3 的 `background-color` 屬性來修改輸入框的背景顏色，如下所示：

input[type="text"] {

background-color: #4CAF50;

這樣，輸入框的背景就會呈現出深灰色的顏色。

通過使用 CSS3 美化輸入框，可以使得輸入框更加美觀、易用、舒適，同時也可以提高用戶的使用體驗。