删除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;
}

要覆盖默认样式只需对话框按钮…

<<p> Jsbin演示/strong>

Answer 3

这个CSS适合我。

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