CSS优先文本框更大MVC3

CSS优先文本框更大MVC3,css,asp.net-mvc-3,Css,Asp.net Mvc 3,CSS默认为输入[type=“text”]样式。如何使.wideTextBox优先 @Html.TextBoxFor(model => model.ConsumerBatchInVM.OptInSmsMessage, new { @class = "wideTextBox" }) .wideTextBox { width: 400px; } input[type="text"] { width: 300px; border: 1px solid #CC

CSS默认为输入[type=“text”]样式。如何使.wideTextBox优先

 @Html.TextBoxFor(model => model.ConsumerBatchInVM.OptInSmsMessage, new { @class = "wideTextBox" })




.wideTextBox
{
    width: 400px;
}

input[type="text"] 
{
    width: 300px;
    border: 1px solid #CCC;
}

您可以:

input[type="text"] {
    ..
}
input.wideTextBox {
    ..
}
也就是说,交换顺序并将
.wideTextBox
更改为
input.wideTextBox

单独交换订单不起作用,单独交换
input.wideTextBox
也不起作用


有关CSS特性的更多信息:

特异性计算器:

您可以:

input[type="text"] {
    ..
}
input.wideTextBox {
    ..
}
也就是说,交换顺序并将
.wideTextBox
更改为
input.wideTextBox

单独交换订单不起作用,单独交换
input.wideTextBox
也不起作用


有关CSS特性的更多信息:

特异性计算器: