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.Update -- 谢谢你的回答！好的，这就是我所支持的：

<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。