覆盖Jquery Mobile Css按钮

Question

我有2个截图。在第一个屏幕截图中，我使用的是jqmobile，而在第二个文件中我不是。

这会对ok按钮的外观产生影响。

我想知道是否有可能覆盖某些css，并在仍然使用jqm库的同时在第二个屏幕截图中看到ok按钮？

Answer 1

您可以在按钮中添加data-role="none"以防止jQM对其进行增强：

<button id="btn" data-role="none" >Button</button>

Answer 2

上一个答案（防止增强）对于防止jqm触摸按钮非常有用，但如果您真的想要增强按钮功能，则可能无法提供帮助。

你有时可以使用CSS id选择器强行更改单个DOM元素（使用你的fav搜索引擎来了解更多关于“CSS选择器”的信息），但如果你需要反复这样做，这不是一个很好的选择，这是更倾向于。另一个选择是！重要的是你的按钮的CSS样式，但我更喜欢只使用！important作为最后的手段，因为它是一个重锤，可以防止下游组件在需要时覆盖样式。

注意 - 诸如jqm，dojo等的UI工具包有时会使用您的单个DOM元素并使用包装元素（div，span等）展开它们并设置样式，因此您无法始终设置您在原始html中所设想的样式并让它影响UI工具包为您生成的全部内容。对于每个UI工具包，请查看他们为自定义样式/主题推荐的内容（并在上面的搜索框中搜索 - 关于样式化jq小部件，有很多问题）。

如果你需要自定义jqm外观而不是阻止jqm增强单个按钮，那么请查看jqmobile主题文档。 http://demos.jquerymobile.com/1.2.0/docs/api/themes.html

（是的，我认为这个答案的部分内容可能会在“评论”中更好一些，但在我对我的一些答案进行投票之前，我不会让我对这个新帐户发表评论： - ）。