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:
however, in firefox 23.0.1, looked this:
in ie8, not display:
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
Post a Comment