1

私は次のようにasp.netビューでJqueryUIダイアログを使用しています：

$("#dialog-dial-prefix").dialog({
        autoOpen: false,
        modal: true,
        width: 470,
        resizeable: true,
        buttons: {
            "OK": function () {
 $(this).dialog("close");

                                }


                      ,
                       "Cancel": function () {
                           $(this).dialog("close");
                            var selectedDialPrefix = $("#SelecteddialprefixId").val();
                            $("#" + selectedDialPrefix).focus();
                        }
        }
    });

このダイアログには、[OK]と[キャンセル]の2つのボタンがあります。これらのボタンにカスタム画像（png画像として持っています）を適用したいと思います。ボタンを追加し、[OK]と表示されているテキストを削除して、Jqueryuiダイアログボタンでキャンセルするにはどうすればよいですか？

4

1 に答える 1

2

ボタンのデフォルトのCSSを上書きすることでこれを実現できます

.ui-dialog .ui-dialog-buttonpane button { 
    text-indent: -9999em; /* hides the text */
    color: transparent; /* also hides text */
    background-image: url(/path/to/image.png); /*replaces default image */
    background-repeat: no-repeat;
}

特定のダイアログ ボックスをターゲットにする場合は、ダイアログの ID を追加します

于 2013-03-09T13:02:57.680 に答える