2014-07-15 5:21, Crest Christopher wrote:
I have a vendor prefix for a placeholder for both Chrome and FireFox,
the same values for both, except FireFox displays a font-size of 3em
larger then Chrome ?
Please share your HTML and CSS code.
I tested with just
::-webkit-input-placeholder {
font-size: 3em;
}
::-moz-placeholder {
font-size: 3em;
}
The font sizes appear to be the same, assuming that the browser settings
have the same basic font size. But in Chrome, the placeholder is cut off
so that it is illegible. So there surely is a problem, but not in the
font size.
Playing a little I was able to make the placeholder visible this way:
<!doctype html>
<title>Placeholder</title>
<style>
::-webkit-input-placeholder {
font-size: 3em;
}
::-moz-placeholder {
font-size: 3em;
vertical-align: 1em;
}
input {
height: 4em;
line-height: 4em;
}
</style>
<label for=q>Search:</label>
<input placeholder=Keywords id=q name=q>
Now it is easier to see that the font sizes are the same. There are
other problems, though. The width of the box is too narrow for the
placeholder; this is understandable because it defaults to 20
characters, in the font size of the element. And the placeholder looks
grotesquely large, especially compared with the label’s font size and
the font size of the actual input text when I start typing. So I wonder
why you are setting font-size to 3em. Anyway, if you try that, there
will be sizing problems, but not with the font size itself, as far as I
can see.
Yucca
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
