javascript - 如何给jquery按钮添加边框

Question

我正在尝试为 jquery 按钮添加边框。我的代码是:

JSP页面既有css又有javascript，

<style type="text/css">
    .borderClass{
        border-color: #C1E0FF;
        border-width:1px;
        border-style: solid;
}
</style>
<script language="JavaScript" type="text/javascript">
    function xxx() {
        jQuery("#completedInformation").dialog({
            buttons: {
                Cancel: function() {
                     jquery( this ).addClass('borderClass');
                 jQuery("#completedInformation").dialog( "close" );
            }
            }  
        });
    }
</script>

请给我建议。

Answer 1

使用 general sibling combinator因此无需为按钮定义额外的类。

CSS:

#completedInformation ~ .ui-dialog-buttonpane button {
    border: #f00 1px solid;
}

fiddle :http://jsfiddle.net/gnSuw/