html - 表单输入元素和宽度

Question

一段时间以来，我一直在通过使用封闭元素的宽度在表单等上布置输入元素，例如div 标签，然后将 % 宽度应用于所有表单元素，例如 input 和 textarea。

一些示例标记可能是:

<div class="span4">
    <label>Form Label</label>
    <input type="text" value="My Value"/>
</div>

然后 css 将包括:

form input, form textarea {
    width: 95%;
}

我最初想出这个方法是为了避免必须在表单元素和 block 元素上额外指定大小信息。无论如何，通过这种方法，我似乎不断地遇到这种便利破坏其他事情的场景，例如当我在元素旁边放置一个按钮时。

我的问题是，除了其他人一直在使用的直接在表单元素上放置宽度之外，是否有其他好的替代方法。

Answer 1

你可以使用属性选择器:

form input[type="text"], form textarea {
    width: 95%;
}

或

form input, form textarea {
    width: 95%;
}
form input[type="button"]{
    width:auto;
}

但您的做法是正确的:CSS 旨在定义样式，而宽度是一种样式。