Question

我正在使用VS和mvc。我有一个Html.BeginForm，它将randomKey作为输入框中的字符串。有一个当前与输入框相邻的检索按钮，我只想在按钮上添加一个边距。在site.css中有一个.retrieveButton类，但它似乎没有覆盖bootstrap css。求救！

  <div>
  @Html.EditorFor(model => model.RandomKey...placeholder = "Enter your 8 digit key" } })
 <div class="form-group">
       <div>
        <input type="submit" value="Retrieve" class="btn btn-default retrieveButton"/>
       </div>
 </div>
 </div>

Answer 1

您可以尝试在CSS中使用！important，也可以尝试使用更直接的选择器。

如果有多个语句尝试将同一属性应用于同一个元素，则将使用具有更精确选择器的语句。

尝试：

.form-group > .btn.btn-default.retrieveButton {
}

您可以在此处详细了解：

https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

Answer 2

如果有重复的类名，则最后一个CSS文件获胜（它会增加或重新定义之前的内容）。

因此请确保以正确的顺序将CSS文件添加到页面中。可能你的个人CSS应该在 Bootstrap CSS之后来。要为MVC 4+执行此操作，请参阅文件 App_Start - ＆gt; BundleConfig.cs

有关MVC中捆绑的更深入信息，请参阅例如这个：http://timgthomas.com/2012/09/a-quick-start-of-asp-net-mvc-4s-bundling/

mvc中的样式引导按钮正在查杀

2 个答案: