HTML select 不考虑边距

Question

这是一个简单的例子:

Fiddle

正如您在上图中看到的，所有标签、表格都与容器内的边距(绿色边距)对齐，但选择似乎超过了它，我在 css 上看到它有 15 个填充，但是填充仅适用于里面的文字。

<%--MODULES--%>
        <div class="col-md-6 col-sm-12" id="prueba">
            <div class="row">
                <label class="col-xs-12">Módulos</label>
                <select class="col-xs-12" multiple="multiple" id="cboModulos" name="cboModulos">
                </select>
            </div>
        </div>

同样的事情发生在右边的文本框上，但我敢打赌它是同样的情况。

谢谢

Answer 1

如果您想要在 class="row" 中显示的唯一列是 class="col-anything-12"(注意 12 ) 在大多数情况下，您实际上不需要 class="row" 或 class="col-xs-12"。

其他不直接在 select 元素上设置 col- 类的。将其包装在 div 中并将该类添加到该 div。