jquery - 我可以在限制大小的同时改善 jQueryUI 按钮的外观吗？

Question

我喜欢 jquery ui 按钮的一般外观，但就我的用途而言它太大了。有没有办法用 jQueryUI 按钮的炫酷外观替换通用 jQuery 按钮的乏味外观，同时限制其过大？

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

(注释掉 jQuery 以查看通用按钮)。

HTML:

<button>Czech this out</button>

jQuery:

$('button').button();

此外，当按钮包含 anchor 标记时，jQueryUIzed 按钮缺少下划线 - 虽然不确定我是否介意这一点......

Answer 1

修改 css 属性以反射(reflect)按钮的较小版本，请注意我没有指定任何具体内容只是减少了原始的 em padding、line-height 和 font-size 的值，让您看起来更时尚。

这是一个fiddle

代码如下:

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

结果如下: