CSS自定義輸入框已經(jīng)成為現(xiàn)代網(wǎng)頁設(shè)計的必備技術(shù)。下面，我們將介紹如何使用CSS樣式創(chuàng)建自定義輸入框。

input[type=text] {
font-size: 18px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}

以上的代碼會將所有文本輸入框（input[type=text]）的字體設(shè)置為18像素，添加10像素的內(nèi)邊距，設(shè)置1像素的灰色邊框并添加5像素的圓角邊框。

input[type=text]:focus {
outline: none;
border-color: blue;
box-shadow: 0px 0px 5px blue;
}

以上的代碼將為聚焦的文本框消除默認(rèn)的虛線外邊框，并將其邊框顏色改為藍色。此外，還將為聚焦的文本框添加一個藍色的陰影。

input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

以上的代碼將為提交按鈕（input[type=submit]）定義綠色背景和白色文字顏色，添加10像素高，20像素寬的內(nèi)邊距，并刪除默認(rèn)的邊框樣式。在頂部和底部添加5像素的圓角。

input[type=submit]:hover {
background-color: #3e8e41;
}

當(dāng)鼠標(biāo)移到提交按鈕上（input[type=submit]:hover），將更改其背景顏色為深綠色。

除了以上樣式，您還可以使用其他CSS屬性和值來自定義輸入框樣式，例如文本顏色、背景顏色、字體大小、邊框形狀以及懸停和活動狀態(tài)等。

現(xiàn)在，您已經(jīng)了解了如何使用CSS自定義輸入框，可以嘗試使用它來優(yōu)化您的網(wǎng)頁設(shè)計。