jQuery dialog对话框中修改按钮文本颜色不生效问题求助

设置按钮文本颜色失效，核心是jQuery UI默认样式的按钮文本颜色选择器优先级高于单独的.ui-button-text选择器，自定义的color属性被默认规则覆盖。
额外说明：你将背景色写在.ui-button-text（按钮内部包裹文本的元素）上，虽可临时生效，但实际作用在文本层而非整个按钮容器，不属于标准的按钮样式修改逻辑。

方法1：搭配对话框自定义类提升选择器权重（推荐） #

已为对话框配置dialogClass: 'myTitleClass'，通过该类限定样式作用域即可提高选择器优先级，覆盖默认样式：

/* 修改整个按钮的背景色 */
.myTitleClass .ui-button {
  background: green;
}
/* 修改按钮文本样式 */
.myTitleClass .ui-button .ui-button-text {
  font-size: 50px;
  color: #008CBA;
}

方法2：应急强制覆盖 #

若不需要调整选择器结构，可直接给color属性添加!important强制生效，不建议全局滥用该规则：

.ui-button-text {
  background: green;
  font-size: 50px;
  color: #008CBA !important;
}

内容的提问来源于stack exchange，提问作者jim