覆盖Jquery Mobile的Css按钮

Question

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

这对ok按钮的外观有影响。

我想知道是否有可能重写一些css并获得ok按钮，看起来像在第二个屏幕截图，同时仍然使用jqm库？

Answer 1

您可以添加data-role="none"的按钮，以防止JQM从提高它：（防止增强）

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

Answer 2

以前的答案可以防止JQM触碰有用按钮，但如果您确实需要增强的按钮功能可能无法帮助您。

您有时可能会用CSS id选择器强制更改单个DOM元素（使用您最喜欢的搜索引擎来详细了解“CSS选择器”），但如果您需要重复执行此操作，这不是一个好选择，更有可能。另一个选择是！重要的是你的按钮的CSS样式，但我更喜欢使用！important作为最后的手段，因为它是一个重锤，它可以防止下游组件在需要/不按需要时重写样式。注意 - UI工具包（如jqm，dojo等）有时会使用单个DOM元素并使用包装元素（div，span等）展开它们并对其进行样式设置，因此您无法始终对原始样式进行样式设计并且它会影响UI工具包为您生成的全部内容。对于每个UI工具包，看看他们推荐的自定义样式/主题（并在上面的搜索框中进行搜索 - 在关于样式化jq小部件的SO中有许多问题）。

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

（是的，我认为这个答案的部分可能会更好在一个“评论”，但SO不会让我评论这个新的帐户，直到你投票了我的答案:-)。