使用css删除IE 9中的输入按钮的黑色轮廓

时间:2011-10-10 21:13:32

标签: javascript jquery html css html5

是否可以删除IE 9提交按钮的令人讨厌的黑色边框?

仅当表单处于焦点时才会出现此情况。

IE 9:

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

的FireFox

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

2 个答案:

答案 0 :(得分:1)

如果需要,可以使用jQuery,但是将以下内容添加到CSS中应该修复它

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

//根据您的评论进行修改

根据您是否要使用HTML5,您需要确保正确设置DOCTYPE和元标记:

HTML5设置:

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

有关HTML4设置示例,请参阅: W3School

答案 1 :(得分:0)

如果你想用jQuery从按钮中删除边框,这样的东西应该可以工作:

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