setTimeout(function(){ 

//初始化按钮的颜色

$("[id^=fr-btn-BUTTON0]").css({'background-color':'orange',

'border': '2px solid deepskyblue',//加入的边框大小和颜色

  'padding':  '0em 1em',

  'border-radius': '18px',

  'font-size': '24px',

  'line-height': '2',});

$(".fr-btn-text").css({"font-family": "微软雅黑light","color":"black","font-size":"25px","height":"40px",});

//设置点击按钮后按钮背景颜色的变化

$("[id^=fr-btn-BUTTON]").click(function(e){

    $("[id^=fr-btn-BUTTON]").css("background-color","orange");

    $(this).css("background-color","yellow");

    e.stopPropagation();

})

},500)

写在body的初始化事件里面,id^=fr-btn-BUTTON0 可以根据按钮控件名设置多个按钮时展示不同的初始颜色

按钮点击事件，js如下

setTimeout(function() {

$("#fr-btn-BT1").css({"background":"yellow"});   //BT1为按钮名称，背景色

},100);