jQuery UI对话框是透明的

Question

我有这个jQuery UI对话框：

<div id="dialog">
    <p>Add your thoughts</p>
    <textarea name = "textarea1" id = "textarea1" rows="4" cols="50"></textarea>
    <input type="submit" name="button" id="button1" onclick="myfunction()" value="Send!" />
</div>

调用此对话框时，它看起来是透明的，如何使其具有独特的颜色？我浏览了文档，但是找不到改变它的方法。谢谢。

Answer 1

您必须添加jQuery UI CSS参考

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

演示版