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

euoag5mw 于 12个月前发布在 jQuery

关注(0)|答案(4)|浏览(203)

我需要修改/更改哪个类来删除JQuery UI对话框按钮的轮廓。我似乎无法弄清楚是哪个类在'X'按钮周围应用了边框/轮廓。当我单击按钮时，轮廓消失了。
我正在使用CSS：http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css

4条答案

我解决了自己的问题。原来outline-color没有透明/无选项，所以我不得不为类覆盖outline-width。所以我设置

outline-width: 0px !important;

字符集

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

.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;
}

型
若要覆盖对话框按钮的默认样式仅..

这个CSS对我很有用。

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

字符集

对于实际上是链接的jQuery UI选项卡，这是可行的：

<style>
    a.ui-tabs-anchor{
        outline: none !important;
    }
</style>

字符集