Javascript jQuery对话框：如何更改关闭标记样式？

我有一个jQuery对话框，我已经查看了一下，但是我找不到任何东西可以自动设置其中包含的关闭标记的样式。我已经阅读了下载文件中包含的文档，可以在以下位置找到： （导航到“选项”选项卡）

老实说，这并没有多大帮助，我只是想知道是否有人能解释一下我的问题。例如，如果查看此对话框：

我希望我的使用小十字，但我的只是在左上角显示单词“close”，无论我在CSS中做了什么更改，我都无法让它做我想做的事情，作为参考，我将把我的代码放在下面：

HTML:

 <div id="column1">
     <h2>
     Features</h2>
         <p>Click an image below to view more information on our products.</p>
         <a href="#" id="x-button"><img src="../Images/lockIcon.png" alt="Security"/></a>
              <div id="dialog" style="display:none;">
                   <p class="innerTitle">This is content!</p>
              </div>
 </div>

---

再次感谢大家

听起来好像没有包括默认的jQuery UI CSS

您应该包括一个名为类似于

jquery-ui-1.8.11.custom.CSS

的CSS文件

---

在CSS文件的同一个文件夹中还应该有一个

images

文件夹。

如果那是复制+粘贴，你需要在

alt=“Security”/>/a>附近修复你的锚定标签。

这是复制和粘贴，但我把缩进排序搞砸了，所以是在原始HTML中。我没有意识到我也做了>\u记得，JavaScript定义行为，CSS定义表示。如果您不知道，您可以从许多不同的主题中选择，甚至创建自己的主题，请参见：

 <script type="text/javascript">
                 $(document).ready(function(){

                     // Initialize my dialog
                     $("#dialog").dialog({
                        autoOpen: false,
                        modal: true,
                        width: 450
                    }
                    );

                    // Bind to the click event for my button and execute my function
                    $("#x-button").click(function(){
                        Foo.DoSomething();
                    });


                    var Foo = {
                        DoSomething: function(){
                            $("#dialog").dialog("open");
                        }
                    }
                });
                </script>

 /* -------------------- ADDITIONAL -------------------- */

 #dialog 
 {
 width: 550px;
 height: 550px;
 background-color: #c8c8c8;
 background-image: url("../Images/orangeDivider.png");
 background-repeat:  repeat-x;
 background-position: top left;
 } 

 .innerTitle
 {
 padding-top: 10px;
 font-size: 14px;
 font-weight: bold;
 color: #808080;
 }