html - Font color of placeholder difference between Firefox 23.0.1 Chrome 23.0.1271.64 and IE 8 -


i changed placeholder font color of input field blue, i've tested in chrome, it's color blue. in ff 23.0.1, color "lighter" blue.

see contrast below, note "month" within span , color blue:

in chrome, it's fine, see below:

enter image description here

however, in firefox 23.0.1, looked this:

enter image description here

in ie8, not display:

enter image description here

note difference of color.

below css code using:

.month_span { color: blue; } .input::-webkit-input-placeholder { color:blue} .input::-moz-placeholder { color:blue; } /* ff 19+ */ .input:-moz-placeholder { color:#bbb; } /* ff 18- */ .input:-ms-input-placeholder { color:#bbb; } 

my question:1. why color lighter in ff? 2. how display placeholder value in ie?

the placeholder attribute isn't supported ie until ie 10, explains that.

firefox apparently applies opacity:0.54 placeholder text: http://css-tricks.com/snippets/css/style-placeholder-text/

this fix:

.input::-moz-placeholder { color:blue; opacity: 1; } /* ff 19+ */ .input:-moz-placeholder { color:#bbb; opacity: 1; } /* ff 18- */ 

Comments

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -