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

Question

我正在使用一个名为 jQtransform (http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/) 的 jQuery 插件，它为输入框和提交按钮等 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 的“检查元素”功能中查看时，HTML 代码看起来像是已被 jQuery 插件处理过。以上是您在 Chrome 中选择“查看页面源代码”时看到的原始 HTML 代码。

我应该怎么做才能用我自己的图片替换提交按钮？我不太擅长 jQuery...

更新

太棒了!所有的答案都有效。一定是我想多了:)

Answer 1

这应该可行

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