0

JavaScript + jQueryを使用して、画像の幅を次のように操作しています。

JAVASCRIPT

var imageWidth = .9 * $(window).innerWidth();
var imageHeight = .6 * $(window).innerWidth();

$("document").ready(function(){
    $(".class").css("width",imageWidth);
    $(".class").css("height",imageHeight);
});

しかし、これを使用して、送信ボタンにPHPの堅牢な画像を提供しています

CSS

 form input[type=submit]{
     background: url("xyz.png") no-repeat center center;
     width: 90px;
     height: 60px;
     border: none;
     color: transparent;
     font-size:0;
 }

(このcss手法の詳細については、www.suburban-glory.com / blog?page = 140を参照してください)

私の質問はそれほど難しいことではありませんが、必要な情報が見つかりません。[type=submit]送信ボタンに使用される画像を操作できるように、JavaScriptでフォーム入力を呼び出すにはどうすればよいですか?(例でわかるように、私は単にCSSクラスを呼び出していました)

4

1 に答える 1

3
$('form input[type="submit"]').css('background-image', 'url("xyz.png")');
于 2012-11-06T00:38:20.507 に答える