更改<input>從HTML格式到CSS

Question

我想知道如何從HTML格式的標籤到CSS。在HTML是

Ball: <input type=text name=BL size=5 value=5>

的CSS我至今是：

#info input[type=text]{}

我的目標是儘可能少的HTML越好。 謝謝:)

Answer 1

不能完全確定你的目標是什麼，但你可以將它設置，如：

<input type="text" class="inputfield" name="BL" size="5" value="5" /> 

並與CSS控制它：

.inputfield { 
    border: 1px solid #000; 
    font-family: Tahoma, Verdana, sans-serif; 
    color: #ff0000; 
    background: #c3c3c3; 
    } 

Answer 2

上唯一的當前屬性輸入你可以用CSS代替將是size。您可以改用CSS width屬性。

#info input[type=text]{ 
    width: 30px; 
} 

<input type="text" name="BL" value="5"> 

雖然size和width是不完全一樣的。 size="5"將調整5個字符的輸入大小。寬度（通常）是通過像素來測量的，但您也可以使用其他度量單位（em，％，pt，pc，mm，cm，in）。