jQuery UI主题太大了

Ada*_*kis 25 jquery jquery-ui jquery-ui-dialog

当我下载一个jQuery-ui主题时,我需要添加什么来获得与jQuery-ui演示页面中相同的默认值?

我开箱即用的对话框很大(见下文).我知道所有的css都可以从演示页面获得,但我不是一个真正的CSS专家,不知道该拿什么,以及要离开什么.

在此输入图像描述

编辑

这是一个显示相同的jsFiddle链接.

编辑

小智 41

最好的方法是:改变基础jQuery-ui font-size:

.ui-widget{font-size:12px;}
Run Code Online (Sandbox Code Playgroud)

一下这个小提琴的例子.

  • 这应该是标记的答案,因为它只影响JQuery UI元素,而不是像标记的解决方案一样影响正文. (3认同)
  • 不要忘记添加`!important`属性.`.ui-widget {font-size:12px!important;}` (3认同)

Jos*_*kle 27

我知道问题是什么:P

body{font-size:10px;}
Run Code Online (Sandbox Code Playgroud)

尺寸相对于页面(更多的流体布局).因此(至少在小提琴中)改变身体的字体大小可以修复它.只需更改页面的字体大小,对话框就会随之改变.

http://jsfiddle.net/hnBmC/