我可以在限制其大小的同时改进 jQueryUI 按钮的外观吗？

Question

我喜欢 jquery ui 按钮的一般外观，但对于我的目的来说它太大了。有没有办法用 jQueryUI 按钮的魅力代替通用 jQuery 按钮的乏味外观，同时限制其超大尺寸？

这个 jsfiddle 显示了差异：http://jsfiddle.net/aSM2r/

（注释掉 jQuery 以查看通用按钮）。

HTML：

<button>Czech this out</button>

jQuery:

$('button').button();

此外，当按钮包含锚标记时，jQueryUIized 按钮缺少下划线 - 不过我不确定我是否介意...

Answer 1

修改 css 属性以反映较小版本的按钮，注意我没有指定任何具体内容，只是减少了 padding、line-height 和 font-size 的原始 em 值，给你一个更时尚的外观。

这是fiddle

代码如下：

.ui-button-text-only .ui-button-text{
    padding: .2em .5em;
    line-height:1.2;
    font-size:0.8em;
}

结果如下：

Answer 2

是的，只需将按钮的 CSS 更改为您喜欢的任何内容。