www.webdeveloper.com
Results 1 to 2 of 2

Thread: styling inputs across browsers

  1. #1
    Join Date
    Oct 2009
    Posts
    20

    styling inputs across browsers

    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.

  2. #2
    Join Date
    Oct 2009
    Posts
    20

    Solved

    I figured it out. You can't specify line height.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles