开发者

Remove Black Outline of Input buttons in IE 9 using css

开发者 https://www.devze.com 2023-04-12 06:05 出处:网络
Is it possible to remove the annoying black border that IE 9 puts around submit buttons? This only occurs when the form is in foc开发者_运维知识库us.

Is it possible to remove the annoying black border that IE 9 puts around submit buttons?

This only occurs when the form is in foc开发者_运维知识库us.

IE 9:

IE 9 http://olokoo.com/sandbox/ie.jpg

FireFox

Firefox http://olokoo.com/sandbox/firefox.jpg


You can use jQuery if you want, but adding the following to your CSS should fix it

input[type=submit] { border:none !important; }

//edit per your comment

Depending on if you want to use HTML5 or not, you need to make sure you've set up the DOCTYPE and meta tags correctly:

HTML5 setup:

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Example document</title>
  </head>
  <body>
    <p>Example paragraph</p>
  </body>
</html>

For HTML4 setup examples see: W3School


If you want to remove the border from the buttons with jQuery, something like this should work:

$(":button").css({border-width:"0px"});
0

精彩评论

暂无评论...
验证码 换一张
取 消