我有一个 jQuery Mobile 应用程序。这个应用程序有一个按钮,我需要给它一个特殊的颜色。
换句话说,整个应用程序中只有一个按钮使用了这种颜色。我需要通过 CSS 来设置它。
目前,我有以下内容:
<input type="button" value="My Button" style="background-color:#00ff21;" />
这种方法改变了按钮的颜色。 但是,颜色变淡了。起初我不相信,所以我尝试了:
<input type="button" value="My Button" style="background-color:yellow;" />
很明显按钮颜色变淡了。如何设置按钮的颜色使其不会显得褪色?
最佳答案
您的问题来自输入类型按钮元素的 jQM 样式。您的案例将无法正常工作,因为您还需要将不透明度设置为 1:
opacity: 1;
不透明度是颜色看起来褪色的主要原因。
不幸的是,这是行不通的。我不打算解释原因,您可以自己尝试一下,看看有什么不同。
唯一能成功的方法是创建一个像这样的按钮:
<a data-role="button" id="custom-btn" style="background:yellow;">Custom Button</a>
关于jquery - 在 jQuery Mobile 中设置按钮颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15434129/