0

私はこのJqueryユーザーダイアログを持っています:

    <!-- jQuery UI dialogs -->
    <div class="widget">    
        <div class="head"><h5 class="iAlert">jQuery UI dialogs</h5></div>
        <div class="body aligncenter">

            <div class="uDialog">
                <div id="dialog-message" title="Download complete">
                    <p><img src="images/icons/color/tick.png" alt="" class="icon" />Your files have downloaded successfully into the My Downloads folder.</p>
                    <p>Currently using <strong>36% of your storage space</strong></p>

                    <div class="uiForm">
                        <form action=""  class="mainForm">
                            <input type="text" value="http://" name="inputtext"/>
                            <input type="radio" name="question1" checked="checked" /><label>Selected radio</label>
                            <input type="radio" name="question1" /><label>Normal state</label>
                        </form>
                    </div>
                </div>
                <!-- Sample page content to illustrate the layering of the dialog -->
                <input type="button" value="Usual jQuery UI dialog" class="blueBtn" id="opener" />
            </div>

        </div>
    </div>

次のように、入力をボタンから画像に変更したいです。

<a href="#" title=""class="btn55 mr10"><img src="images/add.png" alt="" /><span>Add</span></a>

やり方がある？

4

2 に答える 2

0

フィドルを作成して、より正確にすることはできますか?
ここにリンクjsfiddle.net/trajce/yhQeZ/
があります。入力については、次のように実行できます。

/* this is general selector, if you want to target specific element, then add class or id*/
    input[type="button"]
    {
        width:120px;/*these are just some sample width and height*/
        height:30px;
        background: url('http://www.google.com/images/srpr/logo4w.png') center no-repeat;/*set your image as background of the input.*/
    }
于 2013-04-13T23:59:59.250 に答える