width of styled submit button

Hi!

I would like to remove the extra padding that IE seems to add to this:


<input type="submit" name="something" value="Submit This" class="submit">

Of course, I can add width to my style:

.submit {width:130px;
text-align:center;
font-family: verdana, tahoma, arial;
font-size: 12px;
padding: 0px;
text-decoration: none;
border:1px solid #000;
background-color: #FFF;
cursor: pointer;
}

..however, if I want to use one style for all the submit buttons, and there are many values, some with very long text, how can I eliminate the padding for all of them depending on the value without the text being clipped?

Example:

<input type="submit" name="something" value="Submit This Very Long Text" class="submit">

Any help much appreciated..from 456 berea st:A question that is frequently asked in forums like the css-discuss mailing list is how to style form controls in a consistent way across platforms. Most of the time, the question is asked by someone who has just tried to do that, and noticed the difference in rendering across browsers and operating systems.

The short answer is probably disappointing to many: you can鎶
 
Back
Top