Blazor元素样式属性设置异常：StyleString值为空但输出显示color:red

问题分析 #

你遇到的问题是：StyleString输出显示为color: red，但MudText组件的Style属性始终为空，样式无法生效。核心原因是组件属性绑定的写法错误。

错误代码问题点 #

你的代码中MudText的Style属性写法有误：

<MudText Typo="Typo.h6" Style="AT($"{StyleString}")">

这里的AT(...)是错误写法，Blazor中绑定组件属性需要使用@符号，而非AT，且字符串插值的写法不符合Blazor的绑定规则。另外上方的AT(StyleString = ShouldBeError ? "color: red" : "")应为@(StyleString = ShouldBeError ? "color: red" : "")的笔误，这部分赋值逻辑正确，但组件绑定环节出错导致样式未应用。

正确写法 #

将MudText的Style属性修改为以下两种正确形式之一：

方式1：直接绑定StyleString变量 #

<MudText Typo="Typo.h6" Style="@StyleString">

方式2：直接使用条件表达式（无需中间变量） #

如果不需要单独维护StyleString变量，可直接在属性中写条件逻辑：

<MudText Typo="Typo.h6" Style="@(ShouldBeError ? "color: red" : "")">

效果验证 #

修改后，当ShouldBeError为true时，MudText的Style属性会正确设置为color: red，文字会显示为红色。

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