2

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

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

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

HTML：

<button>Czech this out</button>

jQuery：

$('button').button();

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

4

2 回答 2

2

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

于 2013-07-02T17:11:25.017 回答
2

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

这是一个小提琴

这是代码：

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

结果如下：

在此处输入图像描述

于 2013-07-02T17:13:54.453 回答