許多網(wǎng)頁(yè)開(kāi)發(fā)人員都會(huì)遇到一個(gè)被稱為“紅色波浪線”的現(xiàn)象，它通常顯示在特定的網(wǎng)頁(yè)元素上（比如在表單輸入框中）。 這種波浪線是瀏覽器內(nèi)置的錯(cuò)誤提示機(jī)制，表示你的輸入可能存在拼寫錯(cuò)誤或格式錯(cuò)誤。 然而，有時(shí)候網(wǎng)頁(yè)的布局需要去掉這些波浪線，如何實(shí)現(xiàn)呢？ 下面介紹使用 CSS 去掉紅色波浪線的方法。

input[type=text],textarea {
text-decoration: none;
}

上面的 CSS 代碼中，我們使用了 text-decoration 屬性，將下劃線和波浪線樣式都去掉了。 由于紅色波浪線通常屬于錯(cuò)誤提示類樣式，因此實(shí)際上看不到波浪線的元素更不容易引起用戶注意，從而減少了無(wú)用的干擾。 同時(shí)，如果網(wǎng)頁(yè)中存在必填項(xiàng)，也可以使用 text-decoration: underline; 來(lái)標(biāo)識(shí)，以便用戶更快速地找到。

總結(jié)而言，去掉紅色波浪線需要使用 CSS 的 text-decoration 屬性，通過(guò)設(shè)置成 none，將下劃線和波浪線樣式都去掉，從而達(dá)到修飾網(wǎng)頁(yè)隱藏瀏覽器錯(cuò)誤提示的目的。