修改placeholder的樣式

在input框中有時想將輸入的字和placeholder設為不同的顏色或其它效果，這時就可以用以下**來對placeholder進行樣式設定了。

1

::-webkit-input-placeholder{} /*
使用webkit核心的瀏覽器 */2
:-moz-placeholder{} /*
firefox版本4-18 */3
::-moz-placeholder{} /*
firefox版本19 */4
:-ms-input-placeholder{} /*
ie瀏覽器 */5
注1：冒號前寫對應的input或textarea元素等。
6注2：placeholder屬性是css3中新增加的屬性，ie9和opera12以下版本的css選擇器均不支援佔位文字。

css**：

1

#input-test
7#input-test::-webkit-input-placeholder
10#input-text::-moz-placeholder
13#input-text:-ms-input-placeholder

html**：

1

<
div 
id="container"
>
2<
input 
id="input-test"
type
="text"
placeholder
="修改placeholder樣式"
/>
3div
>

如何修改預設的placeholder的樣式

在input框中有時想將輸入的字和placeholder設為不同的顏色或其它效果，這時就可以用以下 來對placeholder進行樣式設定了。直接在css裡寫樣式修改即可,如 input webkit input placeholder input moz placeholder input moz...

修改placeholder的顏色

webkit input placeholder moz placeholder moz placeholder ms input placeholder 我們使用的框架是bootstrap，input框設定的class是form control,第一次是將上面 貼上去並沒有生效 沒有加 impor...

placeholder 屬性修改

當placeholder屬性預設的顏色，樣式等不能滿足我們的需要時，需要修改它的樣式。寫法 input webkit input placeholder 因為placeholder是 html5 中新增加的屬性，需要注意瀏覽器的相容性。webkit input placeholder 使用webki...