I made this:
input{
width: 450px;
line-height: 2.5em;
font-size: 2.0em;
padding: 10px;
margin: 10px;
}
which works fine for ff, but of course, chrome adds the padding outside of the prescribed line-height, so I had to do
.dj_chrome input{
padding: 0px;
}
(the .dj_chrome is a dojo trick so only chrome uses this rule)
which works. But then in ie, the inputs are entirely messed up. The padding doesn't make any sense. In ie7, the top padding is too large and the bottom one is nonexistant and in ie8 its the exact opposite. They really hate each other over their in Redmond. When I tried browser specific hacks there, the padding works minutely. What's the best practice here.
Bookmarks