问一个JQuery UI里关于Dialog的样式问题

Question

  我的代码如下：
$( "#change-message" ).dialog({
autoOpen: false,
height: "auto",
width: 300,
modal: true,
buttons: {
"修改": function() {
var email = $('#email').val();
var phone = $('#phone').val(); $('#iphone').html("手机:"+$('#phone').val()+"<br/></label><br/>
<label for="phone">关键字</label></br>
<input type="text" name="user.phone" id="phone" value="<s:property value='user.phone'/>"  />
</form>
</div>
问题是如何修改JQuery UI里按钮：“修改”和“关闭”的样式呢？我想把这两个按钮的颜色从灰色变成蓝色，请问如何操作？jQuery UI

Answer 1

引入插件的时候给他个参数../jquery.artDialog.js?skin=blue

Answer 2

不是啊，我是准备把button换个颜色啊，不是把整个dialog换颜色

Answer 3

.ui-dialog-buttonpane .ui-state-default,.ui-dialog-buttonpane  .ui-widget-content .ui-state-default, .ui-dialog-buttonpane .ui-widget-header .ui-state-default {
background: none repeat scroll 0 0 #1d95cc;
border: 1px solid #D3D3D3;
color: #FFFFFF;
}用firebug可以看到dialog 中button的样式，将上面代码加上覆盖默认的按钮样式，不过加的时候注意如果只是想更改弹窗中按钮的样式，所以类名前又加了.ui-dialog-buttonpane 不然会影响其他的样式，因为诸如ui-state-default是全局类名,效果如下

Answer 4

不是啊，我是准备把button换个颜色啊，不是把整个dialog换颜色我知道了，你加个focus:true,属性就可以变成蓝色了。