输入类型=“图像”未在IE中加载

Question

我在WordPress网站中使用提交按钮。这是按钮的HTML：

<input class="greenbut" onclick="set_srch();" type="image" alt="Search" value="Search"/>

在style.css我有：

.search_box .greenbut
{
    width: 50px;
    height: 19px;
    text-align: center;
    color: #333333;
    line-height: 30px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-family: DroidSansRegular;
    font-size: 13px;
    margin-top: 31px;
    margin-left: 0px !important;
    float: left;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position-x: 0px;
    background-position-y: 0px;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(137, 206, 71);
}

在其他浏览器中它没关系，但这就是它在IE中的样子：

在Chrome＆amp; Firefox看起来像这样：

如何为IE修复它？

Answer 1

type="image"的要点是充当服务器端图像映射，其中包含src属性指定的图像的URL。你没有其中之一，所有的样式都是用CSS完成的，你依靠浏览器以一致的方式处理丢失的图像及其替代（alt）内容。由于IE显示的图标表示除了alt文本之外图像丢失，这将无效。

改为使用真实的提交按钮：

<input class="greenbut" type="submit" value="Search">

您可能需要调整CSS以补偿不同的默认边框/边距/填充/等。

Answer 2

尝试使用<input type="submit">

Answer 3

尝试添加此<input type="hidden" alt="Search" value="Search" />并从代码中删除alt="Search"