以下のマークアップでCSSを使ってsrc参照を削除または変更することはできますか?CSSは入力要素のSRC属性を変更できますか?
簡単なことはマークアップを変更することですが、このコードは野生であり、そのまま扱う必要があるため、代わりに画像を削除して背景画像を使用しようとしています。
<input type="image" src="wp-content/uploads/image.png" name="submit" class="submit" value="Submit" />
以下のマークアップでCSSを使ってsrc参照を削除または変更することはできますか?CSSは入力要素のSRC属性を変更できますか?
簡単なことはマークアップを変更することですが、このコードは野生であり、そのまま扱う必要があるため、代わりに画像を削除して背景画像を使用しようとしています。
<input type="image" src="wp-content/uploads/image.png" name="submit" class="submit" value="Submit" />
高さと幅を0に設定して、パディングを追加して背景画像を設定して試すことができます。高さを有効にするには、display: block
またはdisplay: inline-block
にする必要があります。
は、ここでの例だ - 実はhttp://jsfiddle.net/zBgHd/1/
+1素晴らしい考え。あなたと私は同時にそこにいました:-) –
いいえ、あなたの質問にお答えください。どのブラウザのどのバージョン(AFAIK)ではありません。
解決策には回避策が必要です。私は今、あなたがそれの上に背景画像を作成するために:before
ルールを使用してテストしています。私はinput
にimg
タグを変更したときにチェタンのフィドル@動作し、一方、
更新...まあ、それは価値がある何のために、:before
は、input
要素に尊敬されていません。だから、名声。
、私はちょうどそれを考え出しました。
.submit {width:0; height:28px; background:url(go.png)no-repeat; padding-left:28px;}
私の取り替えられるイメージは28x28です。それに等しい左パディングと幅ゼロを指定することによって、効果的にボックスの可視領域からイメージをプッシュし、背景イメージを表示したままにします。
これは特にimg src属性に関するものですが、入力srcに対しても同じです。この質問はあなたのためにかなり答えています - How to change an input button image using CSS? もう一つの関連する質問:Define an <img>'s src attribute in CSS
私はそうじゃないですか? –