相关疑难解决方法(0)

我有一个页面 foo.razor，它代表一个表单：

<EditForm Model=SomeModel>
    <InputText @bind-Value=SomeModel.Property1 />
    <InputText @bind-Value=SomeModel.Property2 />
    <p>a paragraph</p>
</EditForm>

在它旁边我有一个独立的 CSS，foo.razor.css，例如：

input{
  display: block;
}
p{
  color: lime;
}

段落的样式正确应用，但输入元素的样式不正确。我不明白为什么。

另外，我知道 blazor 会在编译后为元素生成随机 id。在浏览器中，我可以看到该段落具有这样的 id，但输入和表单元素却没有。

我尝试为组件添加类名并使用深度选择器，如下所示：

::deep .classname {
  .......
}

但这也行不通。