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>

Demo