JQuery UI选项卡大小

Question

我在jquery UI中的选项卡大小有问题，它们是巨大的..我改变了一点css，但无法找到propper id / class来修复它.. :(

并且选项卡中的文本也会改变大小：S 一如既往，任何改变都表示赞赏 谢谢！

Answer 1

修改.ui-tabs jquery ui主题类以包含font-size属性将解决此问题。

Answer 2

默认情况下，文本大小在.ui-helper-reset中定义，但可能会被活动主题的CSS覆盖。如有疑问，请启动Firebug并使用Inspect按钮查找相关元素的CSS定义。

Answer 3

我使用body {font-size:62.5%;}

Answer 4

我希望这个问题类似于reducing the height of jquery ui tabs中的问题。

从那里我发现这些信息对你有用..

.ui-tabs .ui-tabs-nav li {height：25px;字体大小：12像素; }

Answer 5

只需更改li a元素

的填充属性即可

即默认为li a { padding:0.5em 1em;}的填充属性 您可以覆盖上述属性以满足您的要求。

Answer 6

这里有一些好主意：http://keith-wood.name/uiTabs.html

基本上，创建一个这样的css类：

.my-tabs .ui-tabs-nav li { font-size: 10pt; }

然后在标签中使用此类：     

在听Beethoven's Piano Concerto No. 1 in C, Op. 15 - 3. Rondo. Allegro scherzando时写作。