個々の Kendo UI ウィジェットを個別に対象とする css を取得することは可能ですか?
ドロップダウン ウィジェットのスタイルを設定しようとしていますが、必要なビットをコピーするためだけに大量の CSS を調べたくありません。
これができると思ってテーマビルダーを見てみましたが、そうではありませんでした。
個々の Kendo UI ウィジェットを個別に対象とする css を取得することは可能ですか?
ドロップダウン ウィジェットのスタイルを設定しようとしていますが、必要なビットをコピーするためだけに大量の CSS を調べたくありません。
これができると思ってテーマビルダーを見てみましたが、そうではありませんでした。
すべての剣道ドロップダウンのスタイルを設定しようとしていますか?
すべての Kendo ドロップダウンは、クラス .k-dropdown を持つスパンにラップされます。これは、典型的なドロップダウンの構造です。
<span class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="size_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-activedescendant="size_option_selected">
<span class="k-dropdown-wrap k-state-default">
<span unselectable="on" class="k-input">S - 6 3/4"</span>
<span unselectable="on" class="k-select">
<span unselectable="on" class="k-icon k-i-arrow-s">select</span>
</span>
</span>
<select id="size" data-role="dropdownlist" style="display: none;">
<option value="S - 6 3/4"" selected="selected">S - 6 3/4"</option>
<option value="M - 7 1/4"">M - 7 1/4"</option>
<option value="L - 7 1/8"">L - 7 1/8"</option>
<option value="XL - 7 5/8"">XL - 7 5/8"</option>
</select>
</span>