css - 覆盖元素上 "form-control"类的边距样式

Question

我有这个 Html.ListBox，它利用了表单控件类，它提供了一个我无法摆脱的不需要的右边距。

我不想覆盖整个类的样式，因为我想将它保留在所有其他元素上，但是如果我删除列表框上的 - { @class = "form-control"} - 标签以提供我自己的，它毁了它，如第二张图片所示，盒子消失了。

代码如下:

<div>
            <label class="control-label">Native Countries</label>
            @Html.ListBox("selectedCountries", (MultiSelectList)ViewBag.selOpts, new { @class = "form-control" })
        </div>

我注意到，为了节省信息空间，不鼓励在评论中感谢您，因此提前感谢您的任何回答。

With form-control tag

without tag

Answer 1

这可能与父样式有关。 form-control 没有创建边距。

最坏的情况是您可以只为这个特定的控件应用样式。

@Html.ListBox("selectedCountries", (MultiSelectList)ViewBag.selOpts, 
       new { @class = "form-control", style = "margin-right: 0 !important" })