2011-06-21 6 views
0

私はjQtransform(http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/)というjQueryプラグインを使用しています。これは、入力ボックスや送信ボタンのようなHTMLフォーム要素をスキンする。送信ボタンとして画像を使用する必要があるまでは、すべて正常です。次のCSSコードを試しましたが、イメージではなく元のボタンが表示されます。送信ボタンをイメージに置き換えるにはどうすればよいですか? [jQuery jQtransform plugin]

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:Chromeの機能 '要素点検' を見たとき、それはjQueryプラグインによって処理されているよう

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

** HTMLコードが見えます。上記は、Chromeで[ページソースの表示]を選択したときに表示される元のHTMLコードです。

送信ボタンを自分の画像に置き換えるにはどうすればよいですか?私はjQueryを使ってもいいじゃない...

UPDATE

GREAT!すべての回答が機能しています。私はあまりにも多く考えている必要があります:)

答えて

3

これは動作するはず

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

良い古いHTMLを使用してみましょう<input type="image" ... />

1
<img type="image" src="img src..." id="search" /> 
関連する問題