CSS 改變輸入欄位(placeholder)浮水印樣式- ::placeholder

標籤: CSS CSS3

在 html5 之後我們可以輕易的在輸入欄位加上浮水印的文字,只要添加 placeholder 這個屬性,並設定想要顯示的值就好了。

那如果我們想要改變浮水印的樣式,只要使用 ::placeholder 這個選擇器就好了。

像這樣:

::-webkit-input-placeholder { /* Edge */
  color: red;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::placeholder {
  color: red;
}

這個選擇器在目前各主流瀏覽器都能使用,應該是能夠愉快簡單的使用。