在 HTML 中，我們可以使用 <input> 標簽來創建文本框，它可以讓用戶輸入文本。然而，有時候我們希望讓文本框有不同的顏色，來吸引用戶的注意力或讓頁面更美觀。下面介紹如何設置文本框的顏色：

<style>
input {
background-color: yellow;
color: red;
}
</style>

在 <style> 標簽內，我們通過 CSS 來控制文本框的樣式。可以看到上面代碼中，我們給 input 元素設置了背景顏色和字體顏色。這樣，在頁面上就會出現一個黃色底紅色字的文本框。

當然，在實際開發中，我們可能需要根據不同的情況來設置文本框的顏色。比如，用戶輸入的內容是否符合規則，如果符合則文本框變綠色，如果不符合則文本框變紅色。這時，我們可以利用 JavaScript 來動態修改文本框的樣式。

<script>
function checkInput() {
var inputElement = document.getElementById("user-input");
if (inputElement.value === "123") {
inputElement.style.backgroundColor = "green";
inputElement.style.color = "white";
} else {
inputElement.style.backgroundColor = "red";
inputElement.style.color = "white";
}
}
</script>
<input id="user-input" type="text" onkeyup="checkInput()">

上面代碼中，我們通過獲取 id 為 "user-input" 的文本框元素，并判斷用戶輸入的內容是否為 "123"。如果符合，就將文本框的背景顏色和字體顏色都改為綠色和白色；如果不符合，則改為紅色和白色。

最后，在 <input> 標簽上，我們通過 onkeyup 事件來觸發 checkInput() 函數，實現文本框內容實時檢查，并動態修改樣式。