从元素上的“ form-control”类覆盖边距样式

Question

我有这个Html.ListBox，它利用了form-control类，这为它提供了我无法摆脱的不必要的右边距。

我不想覆盖整个类的样式，因为我想将其保留在所有其他元素上，但是如果我删除了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" })