1

我想在单个页面上使用几个按钮,但我希​​望一组具有一种样式(例如红色)和另一组具有不同样式(例如灰色背景和红色前景色)。

有可能吗?

4

2 回答 2

1

是的你可以。这样做的方法是css scope在下载 ui 时使用该选项 - http://jqueryui.com/download/

只需包含框架,并包含具有不同样式的两个样式表。确保应用不同的 CSS 范围(例如 .light-style 和 .dark-style)。

接下来,在您的 html 中,每当您显示按钮时,将适当的 CSS 范围添加到父元素,以便选择正确的样式。

您还可以手动组合两个样式表以节省空间。这是假设您只需要两种不同的按钮样式。

于 2013-08-15T13:22:58.980 回答
1

在此处阅读主题部分:http: //api.jqueryui.com/button/

您可以随时添加额外的类来更改样式。因此,在元素上调用 button() 后,您可以:

$(element).removeClass("ui-button-text");
$(element).addClass("ui-button-text-2");

当然,您需要为此定义自己的 CSS 类:

.ui-button-text-2 { color: red; }

这当然很笨拙,因为您需要使用两个调用而不是单个 button() 调用。但是 jQuery 可以扩展——你可以简单地创建一个$.themedbutton()接受额外参数的方法......

于 2013-08-15T13:24:28.883 回答