在Web開發中，有時我們需要美化輸入框的樣式，以使網頁更加美觀和易于用戶操作。CSS提供了眾多樣式來定制輸入框的外觀和行為，以下是一些示例。

/* 設置輸入框的背景色和邊框樣式 */
input[type="text"]{
background-color: #F8F8F8;
border: 1px solid #CCC;
}
/* 設置輸入框的圓角 */
input[type="text"].rounded{
border-radius: 5px;
}
/* 設置輸入框的陰影 */
input[type="text"].shadow{
box-shadow: 2px 2px 5px #AAA;
}
/* 設置輸入框的placeholder樣式 */
::-webkit-input-placeholder{
color: #999;
}
:-moz-placeholder{
color: #999;
}
/* 設置輸入框的聚焦效果 */
input[type="text"]:focus{
border-color: #09F;
outline: none;
box-shadow: 0 0 10px #09F;
}
/* 設置輸入框的禁用狀態 */
input[type="text"]:disabled{
background-color: #EEE;
border-color: #CCC;
}

除此之外，CSS還提供了豐富的偽類和偽元素來定制輸入框的樣式，如:hover、:active、:before、:after等。開發者可以根據需求自行探索相關屬性和API。