如何覆蓋TextBoxFor字段的CSS？

有在的site.css下面的類：如何覆蓋TextBoxFor字段的CSS？

input[type="textbox"].TextBoxAsLabel { 
    background:#f2f3f3 !IMPORTANT; 
}

不想使用默認背景TextBoxFor場Edit.cshtml

@Html.TextBoxFor(model => model.ClientNumber, new {@readonly = "readonly", @class = "TextBoxAsLabel"})

，它仍然使用默認的白色背景。我應該改變什麼？

來源

2013-10-23 user2911759

你使用什麼瀏覽器？ – Malachi

我意識到，問題是在CSS文件的位置。現在，在單獨的styles.css代碼：

.message-label { 
    background-color: #f2f3f3; 
    }

Styles.css中被引用_Layout.cshtml：

<link href="@Url.Content("~/Content/styles.css")" rel="stylesheet" type="text/css" />

和CHTML：

@Html.TextBoxFor(model => model.ClientNumber, new {@readonly = "readonly", @class ="message-label"})

和它的作品！

來源

2013-10-23 16:06:06 user2911759

沒有input[type="textbox"]。
您的意思是text。

來源

2013-10-23 14:18:05 SLaks

改爲：input [type =「text」]。TextBoxAsLabel { background：＃f2f3f3！important; }並且這仍然不起作用 – user2911759

@ user2911759：使用您的瀏覽器的檢查器找出原因。 – SLaks

inspector說：沒有背景信息。我應該更改什麼？ – user2911759

當你在處理CSS時，你必須記住最後一件東西適用於該元素是最終產品。

CSS從上到下，最後一個是最終結果。

order of precedence

在這個網站

它看起來像您可以使用!Important或!important

它避談所有CAPS雖然

另一個Question有關!important覆蓋，約給的答案會談元素ID或做一些<style>標籤來實現這種風格。

加成

我認爲上面的代碼集是你的CSS。在CSS中，你需要使用選擇，就像如果你有一個像

<input type="button" id="btn1" />

一個標籤，然後你

#btn1

選擇它，你通過ID

搶，如果你有

<input type="button" class="btnClass" />

然後你可以選擇所有按鈕btnClass像這樣

input.btnClass 
{ 
}

請嘗試這個

input.TextBoxAsLabel { 
    background:#f2f3f3 !IMPORTANT; 
}

#ClientNumber input { 
    background:#f2f3f3 !IMPORTANT; 
}

我認爲語法是正確

也

這是超級簡單，大家都去把我們的頭在我們手中，如果這就是答案

的CSS應該是

background-color:#f2f3f3 !Important

，而不是

background:#f2f3f3 !Important

不當然，如果這是問題的一部分，但我也會嘗試從選擇器中刪除[type=text]。

來源

2013-10-23 14:19:17 Malachi

更改爲：input [type =「text」] .TextBoxAsLabel { background：＃f2f3f3！important; }並且這仍然不起作用 – user2911759

進行了更改以嘗試摘錄「請嘗試此操作」。沒有幫助 - 相同的效果 – user2911759

input[type=text].TextBoxAsLabel 
{ 
    background:#f2f3f3 !important; 
}

如果事情覆蓋，然後使用內嵌

@Html.TextBoxFor(model => model.ClientNumber, new {@readonly = "readonly", 
       @class = "TextBoxAsLabel", @style='background:#f2f3f3 !important'})

來源

2013-10-23 15:14:55

這已經是一個答案 – Malachi

@Malachi不說刪除'type = text'中的雙引號。試一試我給了 –

做了改變：input [type = text] .TextBoxAsLabel {background} color：＃f2f3f3！IMPORTANT; }並且這也沒有幫助 – user2911759

如何覆蓋TextBoxFor字段的CSS？

回答

相關問題