jquery - 对话框样式中的 jQuery OK 按钮

Question

我使用了 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 按钮的圆形边框（这个颜色会改变）周围的原始边框（矩形）。任何帮助。

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/