jquery - jQuery mobileでボタンの色を設定しますか？

Question

jQueryMobileアプリを持っています。このアプリケーションには、特別な色を付けるために必要なボタンが1つあります。

つまり、このアプリ全体でこの色を使用するボタンは1つだけです。CSSで設定する必要があります。

現在、私は次のものを持っています：

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

このアプローチは、ボタンの色を変更します。ただし、色あせます。最初は信じられなかったので、試してみました。

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

ボタンの色が薄くなっているのは明らかです。ボタンの色が薄くならないように設定するにはどうすればよいですか？

Answer 1

問題は、入力タイプのボタン要素のjQMスタイルに起因します。不透明度も1に設定する必要があるため、ケースは機能しません。

opacity: 1;

不透明度は、色が薄く見える主な理由です。

残念ながら、これは機能しません。理由を説明するつもりはありません。自分で試してみて、違いを確認してください。

成功する唯一の方法は、次のようなボタンを作成することです。

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

実例： http： //jsfiddle.net/Gajotres/bfMNu/

Answer 2

スタイルを追加するbackground-color:yellow !important