placeholder 屬性提供可描述輸入字段預期值的提示信息（hint）。

該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。

placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。

由于 placeholder 是 HTML5 的屬性，僅支持 HTML5 的瀏覽器才支持 placeholder，目前最新的 Firefox、Chrome、Safari 以及 IE9 都支持，IE9 和 Opera12 以下版本的 CSS選擇器均不支持占位文本。

設置所有 input 和 textarea 的 placeholder 文字顏色和字號：

::-webkit-input-placeholder { /* WebKit browsers，webkit內核瀏覽器 */ color: #ccc; font-size: 16px; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 16px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; font-size: 16px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; font-size: 16px; }

如果想設置某一個或某一類的文本框或者輸入框的 placeholder 顏色，只要在最前面加上元素選擇或者類選擇或者 id 選擇器就可以了。

設置所有 input 元素的 placeholder 的文字顏色和字號：

input::-webkit-input-placeholder { /* WebKit browsers，webkit內核瀏覽器 */ color: #ccc; font-size: 16px; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 16px; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; font-size: 16px; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; font-size: 16px; }

總結

以上是生活随笔為你收集整理的设置 input元素placeholder的字体颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。