我创建了我的按钮
<a href = "#" data-role = "button" data-theme = "a" id = "button_style" onClick = "check()">
我试图将样式应用于它
.button_style{
---
}
CSS 和 jQueryMobile 效果都不适用于按钮。如果我同时包含 CSS 样式和 jQueryMobile 样式，则 jQueryMobile 效果（如数据主题等）不适用于按钮。但我需要 CSS 样式和 jQueryMobile 样式到 HTML 标记元素。我怎样才能为按钮实现这两个目标？
好吧，没有看到你到底想要什么是我的尝试：
我从其他答案和评论中拼凑而成：
CSS：
.button_style {
width : 40px !important;
height : 40px !important;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(63,67,75)), color-stop(1, rgb(40,42,47)) );
background: -moz-linear-gradient( center bottom, rgb(63,67,75) 0%, rgb(40,42,47) 100% ) !important;
padding: -3px;
-webkit-border-radius: 9px !important;
}
HTML：
<div>
<a href="#" data-role="button" data-theme="a" class="button_style" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="b" class="button_style" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="c" class="button_style" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="d" class="button_style" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="e" class="button_style" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="a" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="b" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="c" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="d" onClick="check()">Test Button</a>
<a href="#" data-role="button" data-theme="e" onClick="check()">Test Button</a>
</div>
我的想法是你能用 Theme Roller 做到这一点吗？
您还可以尝试一些按钮选项：
你使用 .button_style.. 这表明 button_style 是一个类。但是你有一个 id 是 button_style 的按钮。所以你应该使用
#button_style{
---
}
检查此链接//已编辑
因为没有使用 Id (#)。您使用了类符号 (.)。因此它不适用
利用
#button_style
{
---
}
我刚刚用你的代码创建了一个Jsfiddle 。通过更改#button_style样式可以正常工作。
核实。干杯！！！