在jQuery mobile中设置按钮颜色?

我有一个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>   

实例:http://jsfiddle.net/Gajotres/bfMNu/

点赞