CSS中的漸變（Gradient）屬性可以讓我們的搜索框實現更加美觀的效果，更具有吸引力。

input[type="text"] {
background-image: linear-gradient(to right, #1a3a62, #126b98);
border: none; /*去掉邊框*/
padding: 10px;
border-radius: 5px;
color: #fff; /*文字顏色為白色*/
width: 300px;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); /*添加陰影*/
}

在這段CSS代碼中，我們的搜索框背景色使用了線性漸變，從向左的第一個顏色（#1a3a62）逐漸過渡到向右的第二個顏色（#126b98）。通過調整漸變方向、顏色值和區(qū)間，可以實現各種不同顏色的過渡效果。

同時，我們也可以去掉搜索框的邊框，使其更加簡潔大方，配合圓角、文字顏色以及陰影等設置，使搜索框更加醒目、美觀。