Javascript 如何避免jQueryUI中的大对话框标题？

我使用的是jQuery UI 1.8，代码如下：

var newDiv = $(document.createElement('div')); 
$(newDiv).html('hello there');
$(newDiv).attr('title','Dialog Title');
$(newDiv).css('font-size','62.5%');
$(newDiv).dialog();

由于某些原因，标题看起来非常大，请参见示例

---

如果有任何方法使其看起来更像？

中的版本，您可以使用此css规则应用较小的字体大小：

.ui-dialog{font-size: 62.5%;}

---

在jQuery UI站点上看起来不错的原因是他们使用CSS样式表来设置标题栏的样式。如果你查看他们的来源，你会看到

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

我使用以下样式表更新了JSFIDLE示例：

---

无论如何，如果您想创建自己的样式，请访问网站，您可以轻松地自定义并导出样式表供自己使用。

我认为您只是使用了一个不同的主题，它有一个大的对话框标题字体。尝试使用创建一个新的。只需添加以下css：

.ui-dialog-titlebar {
    font-size: 80%;
}

---

它告诉浏览器忽略该元素上的任何其他CSS规则奇怪，但是在你的Fiddle下面有一个灰色的东西我更新了我的基本jfiddle使用它们的常规样式，它仍然是胖的looking@foreyez-你能告诉我你更新的例子吗？（没有找到它。）如果你看我的例子，你觉得还好吗？你的答案是错的不幸的是，它看起来不错的原因是因为“我猜他们默认的css在这方面相当愚蠢。。。我必须更新.ui对话框以减少字体，就像前面提到的其他字体一样。我猜他们的css对话框在默认情况下很胖。这个样式不应该应用到

.ui对话框标题栏上吗
.ui对话框
将影响整个对话框的字体大小。同样，还没有人提到这一点，但是您也可以使用
.ui对话框标题栏{padding:0.5em！important；}
将标题栏缩小一点，因为这个答案已经过去了将近一年，但当时jQuery mobile似乎在很大程度上依赖字体大小。因此，您可以仅应用于标题，但这可能会导致外观不成比例。您也可以对标题栏应用一条重要规则，但同样要冒部分不相称的风险。然而，更重要的是，可能有一些你看不到的未使用的样式。就我个人而言，我宁愿设置字体大小，而不是把它们全都找出来。经过一年的开发，这一切可能都没有意义，但如果您只想更改标题栏，您的代码应该可以工作。
.ui-dialog-titlebar {
    font-size: 80%;
}