CSS 輸入 沒有列表 在CSS中，輸入是一個相對簡單且非常有用的功能。使用輸入，我們可以在沒有任何JavaScript的情況下針對用戶的輸入采取不同的樣式。 在下面的例子中，我們將展示如何為不同的輸入類型設置樣式。

當用戶聚焦到文本框時，它會獲得一個淡色的邊框：

input[type=text]:focus {
border-color: lightblue;
}

當用戶輸入無效的文本時，文本框會變為紅色：

input:invalid {
border-color: red;
}

當用戶輸入有效的文本時，文本框會變為綠色：

input:valid {
border-color: green;
}

當用戶鼠標懸停于提交按鈕上時，按鈕會變成深藍色：

input[type=submit]:hover {
background-color: darkblue;
color: white;
}

當用戶按下提交按鈕時，按鈕會變成淺藍色：

input[type=submit]:active {
background-color: lightblue;
}

這些是一些基本的輸入樣式，但它們可以疊加、修改或組合以滿足您的需求。始終記住，通過輸入，您可以讓用戶更方便地使用您的表單，并使您的網站更美觀。