利用偽元素改變placeholder占位符屬性的默認樣式

張鑫旭
代碼：
CSS代碼：
[placeholder] { font-family: 'Microsoft yahei'; }
::-moz-placeholder {
color: mediumvioletred;
text-indent: 5px; /* 沒有用 */
opacity: 1!important;
}
:-ms-input-placeholder {
color: mediumvioletred;
text-indent: 5px;
}
::-webkit-input-placeholder {
color: mediumvioletred;
text-indent: 5px;
}
HTML代碼：
<input placeholder="占座" />

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、垂直對齊 如果你用CSS，則你會有困惑：我該怎么垂直對齊容器中的元素？現在，利用CSS3的Transform，...
    kiddings閱讀 3,203評論 0贊 11
  • 各種純css圖標 CSS3可以實現很多漂亮的圖形，我收集了32種圖形，在下面列出。直接用CSS3畫出這些圖形，要比...
    劍殘閱讀 9,696評論 0贊 8
  • 命名規則 1 全部采用小寫的方式，以下劃線分隔eg：my_project_name 2 有復數結構時，要采用復數命...
    Jill1231閱讀 253評論 0贊 1
  • 文/里拉 題記:鐵時間久了會生銹，花兒時間久了會凋謝，生命時間久了會枯竭，但酒卻越陳越香，書越讀越有價值，歷史越沉...
    抱著落日__閱讀 725評論 0贊 6
  • 昨天看《墊底辣妹》著實給我灌了好大一碗雞湯，想起了很多，感慨了很多。 有時就在想，人啊，這一輩子不多不少就六十來載...
    幺貳叁肆無閱讀 225評論 0贊 0