Blazor: установка свойства CSS для динамически генерируемого тега <div>компонента - PullRequest
Новая
       95

Blazor: установка свойства CSS для динамически генерируемого тега <div>компонента

0 голосов
/ 11 июля 2020

Похоже, что некоторые компоненты при рендеринге как HTML заключают себя в тег <div>. Например, компонент Check из blazorise , который для следующего кода: 

<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 он не работает, и компонент по-прежнему занимает всю ширину и отображается как элемент блока;

стиль не применяется к внешнему div

Применение Style="display: inline;" к внешнему тегу <div> помогает, но как это можно сделать во время кодирования?

...