在網頁設計中，輸入框是常見的交互元素之一。默認情況下，當用戶在輸入框中輸入文本時，輸入框周圍會帶有一層陰影效果。然而，有些情況下我們可能需要去掉輸入框的陰影效果，以適應自己的設計需求。這時就需要使用 CSS 去掉輸入框陰影。

input {
border: none;
box-shadow: none;
}

以上 CSS 代碼可以去掉所有輸入框的陰影效果。首先，我們將輸入框的邊框設置為無，這樣輸入框周圍的線條就不會顯示出來。然后，我們將輸入框的陰影效果設置為無，這樣輸入框周圍的陰影就不會顯示出來。

需要注意的是，在某些瀏覽器中，輸入框的默認樣式可能會被瀏覽器自動設置，因此我們需要使用 !important 聲明來強制覆蓋瀏覽器的默認樣式。

input {
border: none !important;
box-shadow: none !important;
}

通過以上代碼，我們可以去掉輸入框的陰影效果，使其適應我們的網頁設計需求。