javascript - 如何覆盖按钮 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 样式显示。我怎样才能为那个按钮提供我自己的风格。什么是最好的方法？

Firebug 说

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;
}