送信ボタンのCSS画像 - 画像をクリックすると画像が送信されます

助けてください、送信ボタンのCSS画像 - 画像をクリックすると画像が送信されます

私はwordpressにフォームを持っています。私は、ユーザーが標準の送信ボタンの代わりに画像をクリックできるようにしたい。

画像が表示され、送信ボタンが消えますが、画像をクリックすると何も起こりません。

これは私が使用していたコードです：あなたは「それをグーグル」や、検索をしてみてくださいと言う前に

.formBuilderForm .formBuilderSubmit { 
clear: both; 
text-align: right; 
    display:block; 
width:228px; 
height:49px; 
background: url(my image url) no-repeat; 
text-indent:-999em;

：私はここに述べた方法を試してみました： http://www.queness.com/post/798/5-techniques-to-style-buttons-using-images-and-css

私が似て読みましたstackoverflowのこのような投稿が、私の欲求不満な単純な問題を解決しません。 How to change an input button image using CSS?

ありがとうございました。

出典

2010-12-31 Tom

関連するHTMLも表示してください。 ''要素も知っていますか？ –

クイック返信ありがとう！私はそれを認識している - しかし、提出ボタンは、WordPressのプラグインの一部であり、私は実際にそれをハッキングしたいとは思わない。このプラグインのドキュメントでは、開発者は要素が影響を受けずにCSSを使用して編集できると述べています。そのため、私はこのアプローチを採用しています。 – Tom

ではなく、誰もが気に念のために、送信ボタン

<input type="image" src="http://imageurl">

出典

2010-12-31 12:00:16

ありがとう - しかし、送信ボタンは、WordPressのプラグインの一部であり、私はそれについてハッキングしようとは思わない。 – Tom

nこのプラグイン開発者のドキュメントによれば、要素は影響を受けずにCSSを使用して編集できると言われています。そのため、私はこのアプローチを採用しています。 – Tom

の本を置く：これはFormBuilder Wordpressのプラグインで問題でした。私はContact Form 7を使って非常によく似たCSSを使いました。

padding:8px 0 10px 0px; 
color:#FF0000; 
border:none; 
width:107px; 
height:26px; 
text-align:center; 
background-image:url(the url went here); 
background-repeat:no-repeat; 
text-indent:-999em;

ありがとうございました。

出典

2010-12-31 23:47:47 Tom

送信ボタンのCSS画像 - 画像をクリックすると画像が送信されます

答えて

関連する問題