时间戳

首页 > 解决方案 > Blazor CSS 隔离不会覆盖 Bootstrap 样式

c# - Blazor CSS 隔离不会覆盖 Bootstrap 样式

问题描述

我的组件的名称是 Account.razor

这条线在 .razor 组件中运行良好

<style>
    .tooltip-inner {
        background-color: red;
    }
</style>

但是在创建 Account.razor.css 并放置相同的代码时，工具提示不会更改背景颜色。

标签： c#visual-studiorazorblazorblazor-server-side

解决方案

检查以下内容（用你的项目名称代替我的（Blazor.Starter）：

  1. 转到 \Blazor.Starter\obj\Debug\net5.0\scopedcss\bundle并检查是否为项目生成了一个 css 文件，并且包含您的 CSS。注意使用的 id.page[b-l5khpg12dl] {..
  2. 检查您在主机/索引文件中引用的 CSS -<link href="Blazor.Starter.styles.css" rel="stylesheet" />
  3. 检查浏览器中的 html 和类，确保可以看到项目 CSS 文件，并且组件生成的 Html 的 ID 相同。如果没有清理并重建项目/库。

推荐阅读