許多網頁開發人員都會遇到一個被稱為“紅色波浪線”的現象,它通常顯示在特定的網頁元素上(比如在表單輸入框中)。 這種波浪線是瀏覽器內置的錯誤提示機制,表示你的輸入可能存在拼寫錯誤或格式錯誤。 然而,有時候網頁的布局需要去掉這些波浪線,如何實現呢? 下面介紹使用 CSS 去掉紅色波浪線的方法。
input[type=text],textarea { text-decoration: none; }
上面的 CSS 代碼中,我們使用了 text-decoration 屬性,將下劃線和波浪線樣式都去掉了。 由于紅色波浪線通常屬于錯誤提示類樣式,因此實際上看不到波浪線的元素更不容易引起用戶注意,從而減少了無用的干擾。 同時,如果網頁中存在必填項,也可以使用 text-decoration: underline; 來標識,以便用戶更快速地找到。
總結而言,去掉紅色波浪線需要使用 CSS 的 text-decoration 屬性,通過設置成 none,將下劃線和波浪線樣式都去掉,從而達到修飾網頁隱藏瀏覽器錯誤提示的目的。