Html 覆盖css中的显示

我正在Asp.net MVC上使用引导。我有一个自定义的Styles.css，我用它来设置我想要从bootstrap.css中的默认值更改的值

我试图得到两个文本框旁边的MM YY（月年）

在引导中，它具有：

display: block;

在my Styles.css中，我创建了以下内容以覆盖该值：

.disableblock{
  display: inline;
}

这是my.cshtml中的行：

到期日期

这来自视图源：

<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
<link href="/Content/justified-nav.css" rel="stylesheet"/>
<link href="/Content/Styles.css" rel="stylesheet"/>

---

试着放

！重要信息

在显示值之后。如果这不起作用，请确保在加载引导代码时，在加载自定义css之前先加载引导代码。有时，如果您加载自定义css，即使您使用的是

，第一次引导似乎也会覆盖！重要信息

。如果有帮助，请告诉我。

您可以

• 加上！替代样式后的重要信息：so:display:inline！重要的
• 重新排列样式引用，以便styles.css在引导后
• 更具体地使用选择器：input.form-control.displayblock{}

---

我尝试了重要的方法，但没有任何效果：（您的代码库中是否有一些内容独立于HTML链接元素的顺序加载到引导中？可能是ASP.net代码中的一些内容？您只需将disableblock添加到ExpirationDateYear输入中即可。@Alohci就是这样！太简单了。回答这个问题，我会投票给您。

  bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/Content/bootstrap.css",
    "~/Content/site.css",
    "~/Content/justified-nav.css",
    "~/Content/Styles.css")); // <-- Custom CSS file

<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
<link href="/Content/justified-nav.css" rel="stylesheet"/>
<link href="/Content/Styles.css" rel="stylesheet"/>