html - Blazor：设置动态生成的 CSS 属性组件的标签

Question

似乎某些组件在呈现为 HTML 时会将自己包装在<div>标签中。例如来自blazorise的Check组件，它用于以下代码：

<Check TValue="bool" Style="display: inline;">sample</Check>

生成以下 html 标记：

<div class="custom-control custom-checkbox" style=""><!--!-->
    <!--!-->
    <input id="0HM152OSMLP35" type="checkbox" class="custom-control-input" style="display: inline" _bl_9fddd34d-8813-4fa2-939d-819c700124cc=""><!--!-->
    <!--!-->
    <label class="custom-control-label" style="display: inline" for="0HM152OSMLP35"><!--!-->
        sample<!--!-->
    </label><!--!-->
    <!--!-->
    <!--!-->
    <!--!-->
</div>

外部<div>标签 ( <div class="custom-control custom-checkbox" style="">) 在运行时动态生成。

现在假设我想让这个组件内联，添加Style="display: inline;"到组件中，使样式应用于外部<div>标签（输入和标签）的子元素，但在 的情况下display: inline，它不起作用并且组件仍然占据全宽并呈现为块元素；

应用Style="display: inline;"到外部<div>标签就可以了，但是在编码时如何做到这一点？