Blazor：在组件的动态生成的<div>标记上设置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>可以解决问题，但是在编码时如何实现呢？