在IE9中输入按钮图像样式

Question

我正在使用type = image的输入设置表单样式。它在FF中渲染得很好，但在IE（下图）中却没有，它增加了一个斜面边框。它也显示了我图像上的小图标，虽然我猜这是因为它是一个没有关联动作的表单元素，也许？ -

输入的样式如下，非常简单：

    input.search-button {
        display:block;    
        float:left;
        width:25px;
        height:25px;
        background:url(images/search.png) no-repeat;
}

我尝试过添加border：0，没有快乐。关于如何最好地整理演示文稿的任何想法？

Answer 1

对于边框，请尝试设置border:none;。对于输入，我会仔细检查你的路径。看起来您正在尝试在src属性中使用实际图像的背景图像INSTEAD。

另外，尝试使用正斜杠（/）引导您的图像路径，它将一直带到根目录，然后从那里向下钻取。

希望这有帮助！

马特

Answer 2

我希望IE9 / any可以通过在html的头部添加以下meta行来呈现为IE8 / IE7

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

然后相同的css适合每个IE版本