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

是否可以删除IE 9放置提交按钮时令人讨厌的黑色边框？使用css删除IE 9中输入按钮的黑色轮廓

只有当表单处于焦点时才会发生这种情况。

IE 9：

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

火狐

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

来源

2011-10-10 Olokoo

这些焦点行是有原因的。它可以帮助用户知道他们可以进入或空格键。如果你问我，不会那么“烦人”... – Brad

我已经添加了自己的边框，使用jQuery进行焦点时变得可见。黑色的2px边框不符合我的设计，我知道人们喜欢知道什么时候可以打开进入。 – Olokoo

您是否尝试过'border：none;'和/或'outline：none;'？ – Andy

你可以使用jQuery如果你想要的，但添加以下你的CSS应该修复它

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

按您的评论

根据，如果你想使用HTML5或不//编辑，你需要确保你已经设置了的DOCTYPE和meta标签正确：

HTML5设置：

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

对于HTML4设置示例，请参阅：W3School

来源

2011-10-11 16:29:15 joshmax

如果你想从与jQuery按钮删除边框，这样的事情应该工作：

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

来源

2011-10-10 21:32:40

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

回答

相关问题