如何更改JQueryUI对话标题的颜色?

前端之家收集整理的这篇文章主要介绍了如何更改JQueryUI对话标题的颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想更改 JQueryUI对话框的背景颜色.我使用以下样式来更改它,它的工作原理.但问题是它也有效,DatePicker Dialog Title.我只想更改Dialog标题而不是DatePicker标题.你能告诉我如何才能改变Dialog瓷砖的颜色吗?谢谢.
.ui-widget-header
{
    background-color: #F9A7AE;
    background-image: none;
    color: Black;
}

解决方法

您可以直接定位标题栏,对话框插件输出类似于以下对话标题的HTML:
<div class="ui-dialog-titlebar ui-widget-header">
  <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span>
</div>

(取自Dialog页面,here)

.ui-dialog-titlebar {
  background-color: #F9A7AE;
  background-image: none;
  color: #000;
}

或者,您可以将类传递给对话框:

$('#foo').dialog({dialogClass: 'myClass'});

See here

猜你在找的jQuery相关文章