CSS文本框在網(wǎng)頁設(shè)計中非常常用，但是默認情況下，文本框周圍有陰影，影響整個頁面的美觀性。下面我們將會介紹如何去掉CSS文本框的陰影。

input[type=text], 
input[type=search], 
textarea{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

如上代碼即可去除文本框的陰影，其中的-webkit-box-shadow、-moz-box-shadow以及box-shadow分別對應(yīng)的是Chrome、Firefox和其他瀏覽器中的樣式，通過指定為none即可去掉陰影效果。

除了上述代碼外，還可以使用以下代碼來確保清楚選中狀態(tài)時也不會顯示陰影效果：

input:focus,
textarea:focus {
outline: none;
}

這段代碼可以確保在用戶選中文本框或文本區(qū)域時，不再顯示任何視覺效果，更加美觀。