使用CSS來(lái)改變文本框的顏色是很簡(jiǎn)單的。我們可以使用background-color屬性來(lái)設(shè)置文本框的背景色，而border-color屬性則用于設(shè)置邊框的顏色。

input[type="text"] {
background-color: #fff;
border: 2px solid #000;
border-radius: 5px;
}

上面的代碼將會(huì)把所有type為text的input元素的背景色設(shè)置為白色，邊框顏色設(shè)置為黑色，并且設(shè)置邊框?yàn)?像素的實(shí)線。我們還可以使用border-radius屬性來(lái)給文本框添加圓角。

如果我們只想改變一個(gè)特定的文本框顏色，我們可以為該元素設(shè)置一個(gè)id或class，例如下面的代碼：

#my-textbox {
background-color: #f1f1f1;
border: 2px solid #ccc;
border-radius: 3px;
}

上面的代碼將會(huì)把id為my-textbox的文本框的背景色設(shè)置為灰色，邊框顏色設(shè)置為淡灰色，并且將邊框的圓角設(shè)置為3像素。

除了使用CSS來(lái)改變文本框的顏色，我們還可以使用JavaScript來(lái)動(dòng)態(tài)改變文本框的顏色。例如下面的代碼將會(huì)在文本框獲取焦點(diǎn)時(shí)改變顏色：

var textbox = document.getElementById("my-textbox");
textbox.onfocus = function() {
this.style.backgroundColor = "#ffd";
this.style.borderColor = "#f90";
}

上面的代碼將會(huì)在文本框獲取焦點(diǎn)時(shí)將背景色設(shè)置為黃色，邊框顏色設(shè)置為橙色。

總而言之，通過(guò)CSS和JavaScript，我們可以輕松地改變文本框的顏色，讓我們的頁(yè)面更加美觀和有趣。