select - выпадающий список с выделением цветом родительской категории
<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>