如何使用CSS使表單域的寬度/長度更長？

Question

我有一個類CCPPDisplayTD表單字段框。

我試圖使它的CSS樣式的長度更長。

如何使用CSS來完成此操作？

Answer 1

<form> 
    <input type="text" /><br /> 
    <input type="text" class="CCPPDisplayTD" /> 
</form> 


.CCPPDisplayTD{ 
    width: 200px; 
} 

在這裏看到：http://jsfiddle.net/GT8jD/

Answer 2

在你stylehseet你需要以下條件：

.CCPPDisplayTD{ 
    width: 250px; // whatever size you need. 
} 

你的HTML需要像類似於：

<form> 
    <label> /* Label elements are required for better accessibility */ 
     <input type="text" class="CCPPDisplayTD" /> 
    </label> 
</form> 

或以下類型：

<form> 
    <label for="input-name"> /* Label elements are required for better accessibility */ 
     <input type="text" class="CCPPDisplayTD" id="input-name" name="input-name" /> 
    </label> 
</form>