如何覆盖按钮JQuery的默认样式

Question

嗨,我正在我的页面上构建一个按钮

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
        $( "#insert-image-button" )
            .button()
            .click(function() {
                $( "#AttachImage" ).dialog( "open" );
            });
</script>


<button id="insert-image-button">Create new user</button>

该按钮使用标准JQuery样式进行显示.如何为该按钮提供自己的样式.什么是最好的方法？

萤火虫说

class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" 

Answer 1

你也可以通过css覆盖样式:

css文件:

#insert-image-button.ui-button {
   background:red ;
   border-radius: 0px;
}