CSS作為網頁設計中的基本語言，可以用來改變頁面的各種元素的樣式，今天我們來看一下如何用CSS來改變輸入框的顏色。

上述代碼創建了一個簡單的輸入框，并通過class屬性為其命名為“input”。

接下來，我們可以使用CSS來改變這個輸入框的顏色。例如，如果我們希望將輸入框背景改為淺綠色，可以使用以下代碼：

.input {
background-color: #7FFF00;
}

上述代碼將為輸入框的背景顏色添加CSS屬性，屬性的值是十六進制色值，即#7FFF00，這個色值代表淺綠色。

類似地，我們還可以在CSS中為輸入框添加其他樣式屬性，比如邊框的顏色、字體等等：

.input {
background-color: #7FFF00;
border: 1px solid #008000;
color: #FFFFFF;
font-family: Arial;
}

上述代碼將為輸入框添加了邊框，文字顏色，字體等樣式屬性，最終輸出一個綠色輸入框。

通過CSS改變輸入框的樣式，我們可以使網頁變得更加美觀和個性化。無論您是在設計頁面，還是在開發網站，這個技巧都可能會派上用場。