/* 修改默认状态按钮颜色 */
.ui-button {
    background: #your-color;
    border-color: #your-border-color;
    color: #your-text-color;
}

/* 修改悬停状态 */
.ui-button:hover {
    background: #your-hover-color;
}

/* 修改激活状态 */
.ui-button:active, .ui-button:focus {
    background: #your-active-color;
}

// 添加自定义类
$("#yourButtonId").button().addClass("custom-button");

// 对应的CSS
.custom-button {
    background: linear-gradient(to bottom, #ff7f00, #ff5500);
    border: 1px solid #e65c00;
    color: white;
    text-shadow: 0 -1px 0 #cc4a00;
}

$("#yourButtonId").button().css({
    "background": "#newColor",
    "border-color": "#newBorderColor"
});

.ui-button.custom-button {
    background: #your-color !important;
}

.ui-button.custom-button,
.ui-button.custom-button:hover,
.ui-button.custom-button:active {
    background: #your-color;
}

.ui-button {
    background: linear-gradient(to bottom, #color1, #color2);
}