最近在開發網站時,我遇到了一個問題:輸入提示框的樣式與我網站的整體風格不符合,我希望取消這個輸入提示框的樣式。經過一番調研和實踐,我總結了以下取消輸入提示框 css的方法。
input[type="text"], input[type="password"], textarea { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; border: none; }
這段代碼使用的選擇器是 input[type="text"], input[type="password"], textarea,表示選擇所有的輸入框。接下來的代碼取消了輸入框的陰影和圓角樣式,將邊框設置為無。
如果您需要一個更徹底的解決方案,可以使用以下代碼:
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: transparent!important; } input[type=text]:-moz-placeholder, textarea:-moz-placeholder { color: transparent!important; } input[type=text]::-moz-placeholder, textarea::-moz-placeholder { color: transparent!important; } input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: transparent!important; }
這段代碼使用的是 CSS 偽類和屬性選擇器,取消了輸入框的提示文字的顏色,使其在網頁中不可見。需要注意的是,這段代碼在所有現代瀏覽器中都能正常工作,但是 Internet Explorer 9 及以下版本可能會出現問題。
使用以上代碼,可以輕松取消輸入提示框的樣式,使其與您的網站風格相得益彰。
上一篇mysql 獲取字段長度
下一篇反代理不顯示圖片 css