CSS清除text默認(rèn)框是一個經(jīng)常被遺忘的技巧，特別是在寫表單的時候，它可以幫助我們更好地控制表單元素的樣式。

input[type="text"], textarea {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

上述代碼可以清除text默認(rèn)框。

outline: none; 可以去除input框的默認(rèn)外邊框線。

-webkit-appearance: none; 是為了清除在webkit內(nèi)核瀏覽器中 text、button、select、textarea默認(rèn)的內(nèi)邊框和外觀（如圓角和背景），從而使控件外觀變得更基礎(chǔ)和可定制。

-moz-appearance: none; 為了兼容mozilla內(nèi)核瀏覽器。

appearance: none; 是保證原生的系統(tǒng)控件樣式不被表單元素繼承。

需要注意的是，這段代碼只適用于 text 和 textarea 元素，如果需要去除其他類型的默認(rèn)樣式，需要更換相應(yīng)的選擇器。