溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下CSS修改placeholder顏色的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
方法：先使用“::placeholder”選擇器選中需要修改的元素；然后給該元素添加“color:顏色值;”樣式即可。注placeholder是css3新增的選擇器，在不同的瀏覽器需要加不同的前綴（“-ms-”，“ -webkit-”等）。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
placeholder這個屬性是HTML5中新增的屬性，作用是描述輸入字段預期值的提示信息
如何修改placeholder的顏色呢?
但是存在一定的瀏覽器兼容問題,以chorme為例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
input::-webkit-input-placeholder {
color: #aab2bd;
font-size: 12px;
}
input {//邊框效果
border: 1px solid red;
}
</style>
</head>
<body>
<input type="text" placeholder="請輸入">
</body>
</html>chorme瀏覽器對應的選擇器是input::-webkit-input-placeholder
其他瀏覽器的選擇器如下:
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color : red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color : red;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color : red;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color : red;
}
input::-ms-input-placeholder { /* Microsoft Edge */
color : red;
}WebKit, Blink, Edge瀏覽器等需要帶上-webkit-前綴，且是雙冒號，寫的時候還要帶上input
針對火狐瀏覽器則有兩種寫法，都需要帶上-moz-前綴。火狐低版本的使用冒號（：），而高版本的使用雙冒號（：：）；火狐瀏覽器不需要帶上input。
placeholder屬性只在IE10+才支持，IE10、IE11的寫法是加上-ms-前綴，使用的是冒號（：），需要帶上input
看完了這篇文章，相信你對“CSS修改placeholder顏色的方法”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
