可點選QR code
文章專區
網頁設計相關文章
用css修改input placeholder的文字樣式
placeholder為input輸入框的預設文字，默認樣式為灰色字，但可以透過css來美化，
不過若只寫以下的css會發現沒有作用
input[placeholder], [placeholder], *[placeholder]
{
color:blue;
}
必須針對不同的瀏覽器做不同的設定。一些基本的樣式都可以套用在placeholder上，例如：字型、顏色、大小等等。
Webkit瀏覽器(如：chrome、Safari等等)
::-webkit-input-placeholder
Firefox 4-18瀏覽器
:-moz-placeholder
Firefox 19+瀏覽器
::-moz-placeholder
IE10瀏覽器
要注意的是IE9以下不支援
範例：
