CSS：覆蓋輸入[類型= 「文本」]

Question

CSS的樣子：

input[type="text"] 
{ 
    width: 200px; 
} 

.small 
{ 
    width: 50px; 
} 

我有一些，我想小文本字段。我已經嘗試了一些不同的東西，但無法弄清楚如何獲得指定用，比如說輸入字段，寬度50

文本框呈現有：

<%= Html.TextBox("Order","",new { @class="small", size = 5 }) %> 

Size屬性被忽略， .small不會覆蓋輸入。

Answer 1

寫一個更多specific selector。

例如

input[type="text"].foo 
{ 
    width: 50px; 
} 

Answer 2

你沒有提供太多的信息，但我的猜測是你有css specificity issues。嘗試爲以下設置css規則：

input[type="text"].myClassWithSmallerWidth 

Answer 3

問題是，僞類計爲一個類。所以[type = text]（一個僞類）與.small具有同等特異性，然後由於添加了輸入，寬度爲200px。

input[type=text]{} /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */ 
.small{}   /* a=0 b=0 c=1 d=0 -> specificity = 0,0,1,0 */ 

你可能需要

input[type=text].small, .small {width:50px;} 

（按http://www.w3.org/TR/CSS21/cascade.html#specificity）