Question

我正在使用一个名为jQtransform的jQuery插件（http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/），该插件可以显示输入框和提交按钮等HTML表单元素。一切都很好，直到我需要使用图像作为提交按钮。我尝试了以下CSS代码，但仍然显示原始按钮，而不是图像。

CSS：

/* this is the submit button */
#search {   
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background: transparent url(../images/template/icons/search.png) no-repeat center top;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}

HTML：

<input type="submit" name="search" value="Search" id="search" />

**在Chrome的“Inspect Element”功能中查看时，HTML代码看起来像是由jQuery插件处理的。以上是您在Chrome中选择“查看页面来源”时看到的原始HTML代码。

如何用我自己的图片替换提交按钮？我对jQuery不太好......

更新

GREAT！所有答案都有效。我一定在想太多了:)）

Answer 1

这应该有效

<form>
<input type="image" src="[some image]" onsubmit="submitForm();" id="search">
</form>

Answer 2

如何使用好的旧版本<input type="image" ... />？

Answer 3

<img type="image" src="img src..." id="search" />

如何用图像替换提交按钮？ [jQuery jQtransform插件]

3 个答案: