html - IE9 中的输入按钮图像样式

标签 html css forms internet-explorer-9

我正在使用 type=image 的输入来设计表单样式。它在 FF 中呈现良好,但在 IE 中(下图)则不然,它添加了一个斜 Angular 边框。它还在我的图像上显示了小图标,尽管我猜那是因为它是一个没有关联操作的表单元素,也许吧? -

输入的样式如下,非常简单:

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

我试过添加 border:0,但没有成功。关于如何最好地整理演示文稿的任何想法?

最佳答案

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

此外,尝试使用正斜杠 (/) 引导您的图像路径,这将带您一直到根目录,然后从那里向下钻取。

希望这对您有所帮助!

马特

关于html - IE9 中的输入按钮图像样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8558121/

相关文章:

javascript - 是否有足够智能的 jquery 上下文菜单插件来处理窗口边框?

css - 将 css 类添加到 wtform 中的字段

JQuery如何在ajax调用成功后重新提交表单

php - Laravel 表单输入 - 如何设置最大长度

javascript - Log4JavaScript服务器端接收

javascript - Bootstrap 模式在打开时被禁用

html - 保持视口(viewport)在同一高度

html - 超链接 SVG <use> 标签

javascript - 单击其他按钮打开/关闭移动菜单

php - 根据用户表单输入 PHP 提交转到 url 的按钮