Html5 - CSS樣式被jquery移動樣式覆蓋

我使用html5，css，jquery mobile來開發一些應用程序。但是html元素和css被jquery-mobile默認樣式表（jquery.mobile-1.0.css）覆蓋。Html5 - CSS樣式被jquery移動樣式覆蓋

我該如何克服這個問題？我只想用我的風格到我的頁面。例如，如果我給的bgcolor在body標籤=「紅」，它不會工作..

請給我一些建議....

感謝你....

2012-05-09 Jomia

*例如，如果我在body標籤中給bgcolor =「red」* - 爲什麼任何理智的人都這樣做？該屬性在HTML5中甚至不存在，並且在以前的版本中已過時很長時間。 – ThiefMaster

使用CSS和如有必要，標記屬性爲!important。

body { background-color: #f00; }

如果這不起作用，例如因爲從jQuery Mobile的CSS另一個選擇覆蓋它，使用!important：

body { background-color: #f00 !important; }

優先級規則進行了說明：http://www.w3.org/TR/CSS21/cascade.html#specificity - 然而，通常只需或測試如果您的規則已經工作，如果需要!important就足夠了。

你當然應該做的是包括你的樣式表後面的 jQuery手機CSS。即使沒有!important，您的樣式表也會給予同等權重的規則更高的優先級。

來源

2012-05-09 06:51:50 ThiefMaster

Thanksss ....現在它的工作包括我的自定義樣式表jquery移動樣式表和使用後！在css中很重要 – Jomia

我會在'jQuery的css'之前加入我自己的'css' ... – Morpheus

而是包括你的style.css在第一的，裝載在最後

像

<link href="query.mobile-1.0.css" rel="stylesheet" type="text/css"> 
<link href="style.css" rel="stylesheet" type="text/css">

來源

2012-05-09 06:52:34

bgcolor="red"不是CSS，但HTML屬性。

改變你的網站在jQuery手機CSS之後加載你的自定義CSS文件。在您的自定義CSS文件中聲明您的樣式，例如例如：

body { background-color: #f00; }

來源

2012-05-09 06:53:00 Paul

JQuery Mobile創建主體樣式的子類，因此您需要更具體地定位主體背景。

在JQM CSS文件之後聲明的CSS文件添加調整。

您可以通過以下目標每個主題的身體背景：

.ui-body-a, 
.ui-overlay-a { 
/* green 4FFF19 ellipse */ 
    background-image: -webkit-gradient(radial, center center, 0, center center,  497, color-stop(0, #4FFF19), color-stop(1, #264C73)); 
    /* Webkit (Chrome 11+) */ 
}

此例如針對主題。這花了一點汗水學習。

通過使用這個，你可以創建徑向漸變色背景等等，其中JQM主題輥不提供，一個好的頁面創建各種徑向漸變的CSS是所有地方的微軟頁：http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html。

祝你好運。

來源

2013-01-08 14:36:40 glimmer

Html5 - CSS樣式被jquery移動樣式覆蓋

回答

相關問題