Question

我是jQuery Mobile的新手，我正在试图弄清楚如何自定义按钮。我必须使用哪些类来访问某些css属性？

例如，我知道如果你想改变你写的.ui-btn-inner {background: white;}按钮的背景颜色。但是当我这样做的时候，它并不是一直都能解决的。

我已经查看了jQuery Mobile API网站，但我似乎找不到能够深入解释这个概念的任何内容。

如果有人可以向我提供有关这些课程的网站或解释，那将非常感激。

Answer 1

您可以检查html以查看jQuery移动按钮的外观。对于基本按钮，由：

创建

<a href="index.html" data-role="button">Link button</a>

输出如下：

<a href="index.html" data-role="button" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c">
    <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">Link button</span>
    </span>
</a>

在 jQuery mobile css之后创建并加载自定义CSS文件。在这里，您可以覆盖单个css类，例如

.ui-btn-inner { // !important does the trick background-color: #FF0 !important; ... }

您有时可能需要将!important添加到css才能覆盖jQuery移动设备CSS。但实际上我不知道什么时候这是必要的，如果没有它就行不通......

您可以在jQuery移动CSS中查找所有元素的结构，或者，如前所述，使用Web检查器查看jQuery将您的标记转换为什么。

的 PS
通过here
更深入地了解CSS的工作原理

如何使用jQuery按钮类自定义按钮而不使用主题滚轮？

1 个答案: