1

jQuery ui ダイアログ ボックスを使用して [OK] ボタンを追加し、sunny テーマを使用しています。jQuery コードは以下のとおりです。

$("#error").dialog({
    title: "Error",
    buttons: {
        "OK": function () {
            $(this).dialog("close");
        }
    }
});

次のCSSコードを使用してスタイルを設定しました:-

.ui-dialog,.ui-dialog,.ui-widget, .ui-widget-content, 
.ui-corner-all, .ui-draggable, .ui-resizable {
    background:#a8d3f5 !important;
    border-color:#00A2E8 !important;
    color:#FFF;
}​

これで、[OK] ボタンの周りの丸い境界線 (これは色が変更されます) の周りにある元の境界線 (長方形) を除いて、すべてが必要に応じて設定されます。それについての助け。

4

1 に答える 1

1

これを試しましたか？

.ui-button { outline: none; }

デモ: http://jsfiddle.net/QUyKE/

またはこれ：

.ui-button {
    outline: none;
    border: 2px solid red !important;
    border-radius: 0px !important;
}

デモ: http://jsfiddle.net/QUyKE/1/

于 2013-06-09T18:33:22.457 に答える