在jQuery mobile中設置按鈕顏色？

Question

我有一個jQuery Mobile應用程序。這個應用程序有一個按鈕，我需要給一個特殊的顏色。

換句話說，在整個應用程序中只有一個按鈕使用這種顏色。我需要通過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