Submit button styled as text - remove text indent in IE

Question

Ive removed the background and border from a submit button so its styled as normal text. FF is fine but IE is indenting the text and I can't figure out how to remove this text indent. Thanks

Update - Ive set the padding, margin and text-indent to 0 but no luck. Ill upload the site so I can post a link soon.

Update 2 - Ah, I just needed to add text-align:left;

Jason · Accepted Answer · 2011-04-26 17:09:02Z

1

have you tried text-indent: 0; padding: 0; in your CSS?

posting some code may help, too.

answered Apr 26, 2011 at 17:09

Jason

52.7k38 gold badges139 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Paul Alexander · Accepted Answer · 2011-04-26 17:09:19Z

There's padding on the button in IE. Try setting the padding to 0.

.text-button { padding: 0; /* remove padding */ border: none; background: transparent; text-decoration: underline; } // The button <input type="submit" value="Submit" class="text-button" />

Evanss · Accepted Answer · 2011-04-27 12:06:12Z

0

I just needed to add text-align:left;

answered Apr 27, 2011 at 12:06

Evanss

22.5k101 gold badges327 silver badges563 bronze badges

Collectives™ on Stack Overflow

Submit button styled as text - remove text indent in IE

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related