删除jQuery UI对话框按钮边框/轮廓

Question

我需要修改/更改哪个类来删除JQuery UI对话框按钮的大纲。我似乎无法弄清楚哪个类正在应用'X'按钮周围的边框/轮廓。当我点击按钮时，轮廓消失了。

我正在使用这个CSS：http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css

Answer 1

我解决了自己的问题。事实证明 outline-color 没有透明/无选项，因此我必须覆盖类的 outline-width 。所以我设置了

outline-width: 0px !important;

Answer 2

将边框应用于该按钮的代码是（它包含其他内容，但我只是在这里放置相关部分）：

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #D3D3D3;
}

在这种情况下，<button>元素匹配所有3个选择器，因此您可以使用这样的选择器：

.ui-dialog-titlebar > .ui-button {
    border: 3px solid red;
}

要覆盖对话框按钮的默认样式只 ...

<强> Jsbin Demo

Answer 3

这个CSS适合我。

        <style type="text/css">
          .ui-widget-content {
            border: none !important;
          }
        </style>