ASP.NET Core Identity登录页面文字显示异常（白字黄/白底）求助

• 定位冲突样式
  打开浏览器开发者工具（F12），选中异常的输入框，查看Elements面板的Styles标签：

  • 检查color和background-color属性，找到实际生效的CSS规则，确认是自定义样式还是框架样式被覆盖
  • 留意是否有带!important的规则强制篡改了默认样式

• 排查Identity UI样式引入

  • 确认_Layout.cshtml或Identity页面的布局文件中，是否正确引入了Bootstrap和Identity自带的样式：比如~/lib/bootstrap/dist/css/bootstrap.min.css以及Identity目录下的Bootstrap引用
  • 若近期更新过Microsoft.AspNetCore.Identity.UI NuGet包，尝试回退到之前版本测试，排查是否是包更新导致的默认样式变更

• 检查自定义CSS优先级

  • 排查项目中新增的全局CSS文件（如site.css、custom.css），看是否存在针对input、.form-control的样式规则，临时注释这些规则验证是否恢复正常
  • 核对CSS选择器优先级：比如.my-custom-class input的优先级高于.form-control，会强制覆盖默认样式

• 验证页面布局继承

  • 检查登录页面（如Login.cshtml）的布局设置，确认是否正确继承了全局布局，有没有在页面头部自行添加冲突的<style>标签
  • 查看Identity目录下的_ViewStart.cshtml，确保布局配置未引用错误的CSS文件

• 清理缓存与静态文件配置

  • 强制刷新页面（Ctrl+F5）或清除浏览器缓存，排除旧缓存导致的样式未更新问题
  • 临时修改ASP.NET Core静态文件中间件配置，禁用缓存测试：

    app.UseStaticFiles(new StaticFileOptions
    {
        OnPrepareResponse = ctx =>
        {
            ctx.Context.Response.Headers.Append("Cache-Control", "no-cache, no-store, must-revalidate");
        }
    });
    

• 确认Bootstrap版本兼容性

  • 核对项目使用的Bootstrap版本与Identity UI依赖的版本是否匹配（比如ASP.NET Core 3通常依赖Bootstrap 4，新版本可能适配Bootstrap 5），版本不匹配会导致样式错乱
  • 临时替换为对应版本的CDN Bootstrap样式，验证是否解决问题

内容的提问来源于stack exchange，提问作者RJPWilliams