4

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

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

4

3 回答 3

7

我解决了我自己的问题。原来轮廓颜色没有透明/无选项，所以我不得不覆盖类的轮廓宽度。所以我设置

outline-width: 0px !important;
于 2013-05-23T21:18:13.870 回答
3

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

.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 演示

于 2013-05-23T21:07:28.203 回答
1

这个 CSS 对我有用。

        <style type="text/css">
          .ui-widget-content {
            border: none !important;
          }
        </style>
于 2018-02-26T04:17:55.733 回答