IE7 <button>和<input type =“button / submit”/>奇怪的样式？</button>

Question

IE正在让我发疯。

请参阅以下页面：http://goo.gl/uRGsh

在IE8 +中，内容中的按钮外观和行为相对较好，但由于某些原因，当在IE7中聚焦时，按钮会被赋予白色边框和粗黑色轮廓。我试过用outline: none;删除大纲，这对我来说绝对没有任何意义。

另一个令人不安的事情是，按钮中的文字类似于跳转焦点。我不确定是什么原因引起的;它不能填充，可以吗？因为那时按钮的大小会增加。我错过了什么吗？按钮在我的所有IE中跳转。我有自定义悬停/焦点状态的背景，所以我不想要跳跃。

任何想法如何摆脱边界/轮廓和跳跃？

Answer 1

试试这个

从图片链接中删除大纲

    a img {outline : none;}

从图片链接中删除边框

    img {border : 0;}

祝你好运..）

Answer 2

此外 - 对于此类问题，请考虑使用html5 shiv

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->