繁体   English   中英

jQuery按钮:仅在js事件或CSS上更改样式

[英]JQuery button: Style change on js event or CSS only

我正在尝试为表行模仿jquery的按钮样式,而不从jquery样式表中复制和粘贴CSS代码块。 不幸的是,似乎jquery按钮上有某种侦听器,告诉标签切换到不同的类(从ui-btn-up-cui-btn-hover-c )。

仅复制粘贴我需要的所有CSS代码并使用:hover类型标记以使用不同的样式还是添加一些自定义事件侦听器,以将表行定向为使用ui-btn-up-cui-btn-hover-c ui-btn-up-c如所须?

谢谢!

PS:我知道您可以使用.button()来对事物进行.button() ,但这不是我想要在此处实现的目标-我只想要一个jquery按钮的外观。

.ui-btn-up-c.ui-btn-hover-c复制CSS块。 如果是这样的话,按钮看起来可能仍然不完全相同,请复制原始jQuery按钮中可能正在使用的其他类的css并将它们添加到css中。

您可以通过使用带有按钮的类来获得这种效果。 因此,请根据您希望按钮的外观为行中的每个按钮分配一个不同的类,并在css中定义该类,如下所示:

的HTML:

<button class='MyButtonClass1'>Class Button</button>

CSS:

.MyButtonClass1 {
    margin:3px;
    text-align:center;
}

.MyButtonClass2 {
    margin:5px;
    text-align:left;
}

这将更好地解释它

这是上面带有上面代码的jsfiddle。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM