CSS是前端開發中不可或缺的技術，在網頁中它可以控制樣式。其中表單樣式是網頁中較為常用的元素之一，而CSS可以為表單元素提供自定義樣式，使網站更加美觀和易用。下面我們就來看看如何使用CSS進行表單樣式自定義。

/* 以下為一般表單元素的CSS樣式 */
input[type='text'], 
input[type='password'], 
select, 
textarea {
border-radius: 5px;
border: 1px solid #ccc;
padding: 8px;
font-size: 16px;
color: #333;
}
/* 樣式優化后的表單元素 */
form input[type='text'], 
form input[type='password'], 
form select, 
form textarea {
outline: none;
box-shadow: none;
transition: box-shadow 0.2s ease-in-out;
}
form input[type='text']:hover, 
form input[type='password']:hover, 
form select:hover, 
form textarea:hover {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
form input[type='text']:focus, 
form input[type='password']:focus, 
form select:focus, 
form textarea:focus {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
form input[type='submit'], 
form input[type='button'] {
cursor: pointer;
padding: 8px 20px;
border: none;
background: #428bca;
color: #fff;
border-radius: 5px;
font-size: 16px;
}
form input[type='submit']:hover, 
form input[type='button']:hover {
background: #3071a9;
}

通過以上CSS樣式代碼，普通的表單元素可以變得更加美觀和易用。在自定義表單樣式過程中，我們不僅僅是為了使表單元素看起來漂亮，也要為用戶提供更加友好的交互體驗。