在jQuery mobile中设置按钮颜色？答案

【问题标题】：Set button color in jQuery mobile?在jQuery mobile中设置按钮颜色？
【发布时间】：2017-07-09 23:05:29
【问题描述】：

我有一个 jQuery Mobile 应用程序。这个应用程序有一个按钮，我需要给它一个特殊的颜色。

换句话说，整个应用程序中只有一个按钮使用了这种颜色。我需要通过 CSS 设置它。

目前，我有以下内容：

<input type="button" value="My Button" style="background-color:#00ff21;" />

这种方法改变了按钮的颜色。但是，颜色变淡了。一开始我不相信，所以我尝试了：

<input type="button" value="My Button" style="background-color:yellow;" />

很明显，按钮颜色变淡了。如何设置按钮的颜色以使其不褪色？

【问题讨论】：

【解决方案1】：

您的问题来自输入类型按钮元素的 jQM 样式。您的情况不起作用，因为您还需要将不透明度设置为 1：

opacity: 1;

不透明度是颜色看起来褪色的主要原因。

不幸的是，这行不通。我不打算解释为什么，自己尝试一下，看看有什么不同。

您成功的唯一方法是创建这样的按钮：

<a data-role="button" id="custom-btn" style="background:yellow;">Custom Button</a>

【讨论】：

【解决方案2】：

添加样式background-color:yellow !important

【讨论】：