JQuery UI 选项卡大小
我在 jquery UI 中的选项卡大小有问题，它们太大了..我改变了一点 css，但找不到合适的 id/class 来修复它..:(
并且选项卡内的文本也会更改大小：S 一如既往，任何改变都是值得赞赏的 谢谢！
i have a problem with the tab size in jquery UI , they are HUGE .. i changed a bit the css but cant find the propper id/class to fix it .. :(
and the text inside the tab aslo changes size :S
as always , any change is appreciated
Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（6）
修改
.ui-tabsjquery ui 主题类以包含font-size属性将解决此问题。modifying the
.ui-tabsjquery ui theme class to include thefont-sizeproperty will resolve this.默认情况下，文本大小在 .ui-helper-reset 中定义，但它可能会被活动主题的 CSS 覆盖。如有疑问，请启动 Firebug 并使用“检查”按钮找出相关元素的 CSS 定义。
The text size is defined in .ui-helper-reset by default, but it might be overriden by the CSS of the active theme. When in doubt, fire up Firebug and use the Inspect button to find out the CSS definitions for the element in question.
我使用
body {font-size:62.5%;}I use
body {font-size:62.5%;}我希望这个问题与 reducing the height of jquery ui tabs< 中的问题类似/a>..
从那里我发现这个信息对你有用..
.ui-tabs .ui-tabs-nav li {height: 25px;字体大小：12px； }
I hope this question is similar to the question in reducing the height of jquery ui tabs..
From there i found this info to be useful for you..
.ui-tabs .ui-tabs-nav li {height: 25px; font-size:12px; }
只需更改
li a元素的 padding 属性，即默认情况下
li a { padding:0.5em 1em;}的 padding 属性您可以重写上述属性来满足您的要求。
Just change padding property for
li aelementi.e., by default padding property for
li a { padding:0.5em 1em;}You can override the above property to meet your requirement .
这里有一些好主意：http://keith-wood.name/uiTabs.html
本质上，创建一个像这样的 css 类：
然后在选项卡中使用此类：
There are some good ideas here: http://keith-wood.name/uiTabs.html
Essentially, create a css class like this:
Then use this class in your tab's :