2011-09-26 12 views
6

以下のマークアップでCSSを使ってsrc参照を削除または変更することはできますか?CSSは入力要素のSRC属性を変更できますか?

簡単なことはマークアップを変更することですが、このコードは野生であり、そのまま扱う必要があるため、代わりに画像を削除して背景画像を使用しようとしています。

<input type="image" src="wp-content/uploads/image.png" name="submit" class="submit" value="Submit" /> 
+0

私はそうじゃないですか? –

答えて

9

高さと幅を0に設定して、パディングを追加して背景画像を設定して試すことができます。高さを有効にするには、display: blockまたはdisplay: inline-blockにする必要があります。

は、ここでの例だ - 実はhttp://jsfiddle.net/zBgHd/1/

+0

+1素晴らしい考え。あなたと私は同時にそこにいました:-) –

0

いいえ、あなたの質問にお答えください。どのブラウザのどのバージョン(AFAIK)ではありません。

解決策には回避策が必要です。私は今、あなたがそれの上に背景画像を作成するために:beforeルールを使用してテストしています。私はinputimgタグを変更したときにチェタンのフィドル@動作し、一方、

更新...まあ、それは価値がある何のために、:beforeは、input要素に尊敬されていません。だから、名声。

3

、私はちょうどそれを考え出しました。

.submit {width:0; height:28px; background:url(go.png)no-repeat; padding-left:28px;}

私の取り替えられるイメージは28x28です。それに等しい左パディングと幅ゼロを指定することによって、効果的にボックスの可視領域からイメージをプッシュし、背景イメージを表示したままにします。

関連する問題