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

时间:2013-01-14 14:31:29

标签: css button input internet-explorer-7 border

IE正在让我发疯。

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

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

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

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

2 个答案:

答案 0 :(得分:0)

试试这个

从图片链接中删除大纲

    a img {outline : none;}

从图片链接中删除边框

    img {border : 0;}

祝你好运..)

答案 1 :(得分:0)

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

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