Question

我创建了我的按钮

   <a href = "#" data-role = "button" data-theme = "a" id = "button_style" onClick = "check()">

我尝试将样式应用于

.button_style{
     ---
 }

CSS和jQueryMobile效果都不适用于该按钮。如果我同时包含CSS样式和jQueryMobile样式，那么jQueryMobile效果（如数据主题等）不适用于按钮。但我需要CSS样式和jQueryMobile样式到HTML标记元素。如何实现按钮的两个功能？

Answer 1

你使用.button_style ..这表明button_style是一个类。但你有一个id为button_style的按钮..所以你应该使用

#button_style{
 ---

}

点击此链接//已编辑

http://jsfiddle.net/fLq3C/45/

Answer 2

因为不是使用Id（＃）。你使用了类符号（。）.Hence它不适用

使用

#button_style
{
 ---
 }

Answer 3

我刚刚用你的代码创建了一个Jsfiddle。通过更改为#button_style，样式可以正常工作。

检查一下。干杯!!!

Answer 4

在没有看到你想要的是什么的情况下我的尝试是好的：

http://jsfiddle.net/8fUFN/1/

我从其他答案和评论拼凑而成：

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>

我的想法是你能用主题滚筒做到吗？

http://jquerymobile.com/themeroller/

您也可以尝试一些按钮选项：

无法将CSS样式应用于jQuery Mobile创建的按钮

4 个答案: