Question

在我在社区中遇到的其中一篇文章中，有一个使用渐变的玻璃按钮的示例，用于jquery mobile 1.0.1。我为1.4做了同样的事情，它不起作用。这是代码

<style>

    .ui-page .ui-content .ui-btn.my-btn .ui-btn-inner {
    color      : white;
    background : #f3c5bd; /* Old browsers */

    background : -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#A9BCF5), 
    color-stop(50%,#2E64FE), 
    color-stop(51%,#013ADF), 
    color-stop(75%,#2E64FE), 
    color-stop(100%,#0431B4)); /* Chrome,Safari4+ */

}
</style>

表示html：

<button id="buttonCalculate" class="my-btn">Calculate</button>

有什么想法吗？

Answer 1

您使用 my-btn 类作为按钮，因此您需要添加它：

<style type="text/css">
    .my-btn {....}
</style>

或者：

#buttonCalculate{....}

编辑：

将!important添加到每个元素，因为您的样式已被覆盖。

如何在jquery mobile 1.4中更改按钮背景颜色

1 个答案: