html 选择 - выпадающийсписоксвыделениемцветомродительскойкатегории

Posted 2021-05-11

<label for="">Rubric</label>
<select name="category_id" id="category_id" class="ui dropdown">
  <option class="item"  value="" disabled selected="">Выберите категорию...</option>
  @foreach($categories as $item)
  @if($item->children->count() > 0)
    <option class="item select-option-label" value="{{$item->id}}">{{ $item->name }}</option>
    @foreach($item->children as $submenu)
      <option class="item"  value="{{$submenu->id}}">- {{ $submenu->name }}</option>
    @endforeach
  @else
    <option class="item"  value="{{$item->id}}" label="{{ $item->name }}" ></option>
  @endif
  @endforeach
</select>

<style>
.select-option-label {
  background: $base-default-color none repeat scroll 0% 50%;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
}
</style>