帮助删除IE中输入按钮焦点上的黑色边框

Question

在IE 7及更低版本中，我无法摆脱输入按钮具有焦点时出现的黑色边框。我试过了：

input:focus {
outline-width:0;
outline:none;
border: 1px solid #FFF; 
}

CSS中的

但它没有做任何事情。有什么想法吗？

Answer 1

您需要将border-color设置为透明以删除IE中的边框。像这样：

input:focus{
  border: none;
  border-color: transparent;
}

在此处详细了解：http://bitesizebugs.wordpress.com/2009/08/17/border-none-not-working-on-text-input-in-internet-explorer/

Answer 2

我从这里的某个人那里看到了这一点。 链接：https://stackoverflow.com/a/39524745/12815454

.your_button_class:focus{
    outline=0px;
}

谢谢乔迪！