jquery即兴如何在按钮上应用自定义样式

时间:2015-02-03 02:07:45

标签: jquery impromptu

我正在为我的模态确认框使用jquery即兴。我试图让我的提示按钮实现一个CSS自定义样式,以隐藏丑陋的按钮焦点,即兼容模式。

如何修改下面的$ prompt代码以应用下面的样式?

css style ...

.hideFocus {
  /* get rid of internet explorer ugly focus in ie compatibility mode */    
  hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */ 
  outline: none;  /* for firefox 1.5 + */
}

jquery即兴代码...

var buttons = { };
buttons[recallOfFourWeeksOrMoreConfirmYesOption] = true;
buttons[recallOfFourWeeksOrMoreConfirmNoOption] = false;

$.prompt(recallOfFourWeeksOrMoreConfirm, {
    title: recallOfFourWeeksOrMoreConfirmHeader,
    buttons: buttons,
    persistent: false,      
    submit: function(e,v,m,f){
        if (v){
            $("#hiddenRecallFourWeeksOrMore").val("true");  
            form.submit();  
        }                                       
    }
}); 

感谢

1 个答案:

答案 0 :(得分:1)

$.prompt(recallOfFourWeeksOrMoreConfirm, {
    buttons: {"mybuttton": true}
    classes: {button: "myclass"}
    .....
}

然后将样式添加到该类myclass