By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,494 Members | 1,957 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,494 IT Pros & Developers. It's quick & easy.

Input Border in IE - make it go away!

P: 4
I need to use a gradient image on an input tag and also need to have a 2px border around that gradient to make it look like a button. The problem I'm having is that IE is adding its own border inside of the css border I am adding. Is there a way around this other than just using a full image complete with the border? Any ideas?
Feb 8 '07 #1
Share this Question
Share on Google+
3 Replies


Expert 100+
P: 1,892
CSS can eliminate the border(s)
Expand|Select|Wrap|Line Numbers
  1. style="border: 0px"
  2.  
Feb 8 '07 #2

P: 4
This is the problem - i need to get rid of the border IE renders and add a 2px border of my own - I've tried doing a border:0 - or border:none and then adding the border further down in the cascade, but that doesn't work either.
Feb 8 '07 #3

P: 4
Hey all, found a hack:

<style type="text/css">
.button
{
font-family:arial, sans-serif;
color: #FFF;
background: transparent url(IMAGE SRC) repeat-x center center;background-color: blue;border:2px solid blue;padding:2px;height:25px;
}
</style>
</head>
<body>
<input type="button" value="Button label" class="button" />
</body>
</html>
Feb 9 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.