我有一个jQuery Mobile应用程序。这个应用程序有一个按钮,我需要给出一个特殊的颜色。
换句话说,整个应用程序中只有一个按钮使用此颜色。我需要通过CSS设置它。
目前,我有以下内容:
<input type="button" value="My Button" style="background-color:#00ff21;" />
此方法会更改按钮的颜色。 然而,颜色会褪色。我起初并不相信,所以我试过了:
<input type="button" value="My Button" style="background-color:yellow;" />
很明显按钮颜色已经褪色。如何设置按钮的颜色以使其不显得褪色?
答案 0 :(得分:2)
您的问题来自输入类型按钮元素的jQM样式。您的情况不起作用,因为您还需要将不透明度设置为1:
opacity: 1;
不透明度是颜色看起来褪色的主要原因。
不幸的是,这不起作用。我不打算解释原因,为自己尝试并看到差异。
只有你能成功的方法是创建一个这样的按钮:
<a data-role="button" id="custom-btn" style="background:yellow;">Custom Button</a>
答案 1 :(得分:0)
添加样式background-color:yellow !important