如何用圖像替換提交按鈕？ [jQuery jQtransform插件]

我正在使用一個名爲jQtransform的jQuery插件（http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/），它可以像輸入框一樣提供HTML表單元素，並提交按鈕。一切都很好，直到我需要使用圖像作爲提交按鈕。我嘗試了下面的CSS代碼，但原始按鈕仍然出現，而不是圖像。如何用圖像替換提交按鈕？ [jQuery jQtransform插件]

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" />

** HTML代碼看起來像它在Chrome的觀察，已經由jQuery插件處理 '檢查元素' 功能。以上是您在Chrome中選擇「查看網頁源代碼」時看到的原始HTML代碼。

我該如何用自己的圖像替換提交按鈕？我不是用jQuery太好......

UPDATE

GREAT！所有的答案正在工作。我一定一直在想太多:)

來源

2011-06-21 Nyxynyx

這應該工作

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

來源

2011-06-21 07:16:40 Colin

如何使用良好的舊的HTML <input type="image" ... />？

來源

2011-06-21 07:16:11 naivists

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

來源

2011-06-21 07:17:07 Babiker

如何用圖像替換提交按鈕？ [jQuery jQtransform插件]

回答

相關問題