css - 在 jquerymobile 中自定义一个按钮？

Question

那是我的 JQueryMobile 按钮:

    <p><a href="#test1" data-role="button" class="testbutton1">Test 1</a></p>   

这就是 css 规范:

.testbutton1 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";   
}

当我加载 html 端时。什么都没发生？我的错误是什么？

提前谢谢

--1.更新--谢谢你的回答!好的，这就是我支持的:

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

但什么也没发生...大声笑

Answer 1

确保您已经包括:

• 核心 jQuery
• jQuery 手机
• jQuery 移动 CSS

它应该可以工作 - http://jsfiddle.net/Jhvqh/

此外，我认为您不需要在移动设备上支持旧的 IE-s。