如何为Jquery UI按钮定义自定义css

我在不同的页面上使用jQueryUI按钮，并试图删除某些页面上的角点

我已经定义了以下css，它可以很好地工作，但它会影响其他页面上的其他按钮。我只为所有网页使用一个样式表

如果它只能影响cssbox表中定义的按钮，是否可能

 <table class="cssbox" cellpadding="5" cellspacing="0" border="0" width="398px" style="height: 287px;margin:0 auto;">
    <tr><td>
    <asp:Button ID="btnLogin"  Text=" Login " runat="server" CssClass="ui-corner-all ui-corner-all hover"  />

   </td> </tr>
 </table>

.cssbox ui-corner-all { 
width:265px;
border-radius: 0px; 
background: none repeat scroll 0% 0% #1A7BC9;
background: linear-gradient(to bottom, #1A7BC9 0px, #1A7BC9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1A7BC9', endColorstr='#1A7BC9');/*For IE7-8-9*/ 
border: 1px solid #1A7BC9;
height: 35px;
font-size: 12px;
}

.cssbox ui-corner-all:hover { 
border-radius: 0px; 
background: none repeat scroll 0% 0% #9CC8F7;
color: #404040;
border: 1px solid #9CC8F7;
filter: none;
}

或者可以在jquery函数中完成，因为我在某些页面上使用以下函数在jquery UI按钮上添加自定义图标。jquery有一个remove和add函数，但它是否适用于类cssbox？我不想为不同的页面创建单独的jquery函数

$(function () {
$("input:submit").button({
    icons: { primary: 'cssbox-okbtn' }
}).hide().after('<button>').next().button({
    icons:
    {
        primary: 'cssbox-okbtn'
    },
    label: $("input:submit").val()
}).click(function (event) {
    event.preventDefault();
    $(this).prev().click();
});

---

})

在要删除jquery ui特定样式的页面中，将removeCorners类应用于按钮元素：

$('button').addClass('removeCorners');

CSS

---

我需要提供按钮id$'mybutton'吗？所有按钮都有不同的名称。我可以使用$input:submit.button.addClass'removeCorners'吗；您可以使用$'input[type=submit]'；

.removeCorners {
    /* your custom style */
}