在前端開發中，我們常常需要使用文本輸入框。使用input元素創建文本輸入框是最為常見的做法。為了美化輸入框，我們可以使用一些CSS樣式。

input {
width: 200px;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

上述代碼是一種基本的文本輸入框樣式。我們設置了輸入框的寬度、內邊距、字體大小、邊框樣式、邊框圓角以及內部陰影。

除了基本的樣式之外，我們還可以添加其他樣式，如背景色、邊框顏色、鼠標懸停樣式等。下面是一些常見的樣式：

input:focus {
border-color: #66afe9;
outline: 0;
box-shadow: 0 0 5px rgba(102, 175, 233, 0.5);
}
input:hover {
border-color: #bfbfbf;
}
input:disabled {
background-color: #f7f7f7;
color: #555555;
}

上述代碼分別表示輸入框的激活狀態樣式、鼠標懸停樣式和禁用狀態樣式。激活狀態樣式會使輸入框邊框和陰影變成藍色，并去除默認的外部虛線。鼠標懸停樣式則是將輸入框邊框顏色變淺。禁用狀態樣式則是將輸入框背景色設為灰色，并將字體顏色變深。

除了上述樣式，我們還可以通過CSS實現更多樣式，如設置輸入框的寬度和高度、設置輸入框的字體樣式等。當然，我們在設置文本輸入框樣式時也需要遵循一些原則，如保持一致、易讀易懂、美觀大方等。