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>

如何使用CSS使表单字段的宽度/长度更长？

2 个答案: