Question

我使用了jQuery ui对话框并添加了一个OK按钮，我正在使用阳光主题。 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按钮的圆形边框（这个边框颜色有所变化）。任何帮助。

Answer 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/

对话框样式中的jQuery OK按钮

1 个答案: