Как сделать обводку для когда выбран один из?

Question

[YbeysaHelp]

Есть select для выбора. Надо сделать бордер для select когда выбран один из option. Как это сделать на css?

Comments

[Антон Усачев]

В select всегда выбран один из option. Выбор родителя на цсс пока невозможен, так что никак.

Answer 1

[Elvis]

Чисто CSS - никак, с добавление JS можно
https://jsfiddle.net/b2Lvyhqs/

<select>
<option value="1">11111111</option>
<option value="2">22222222</option>
<option value="3">33333333</option>
<option value="4">44444444</option>
</select>

select.border{
  border: solid;
}

$('select').on('change', function(ev) {
  if($(this).children(':selected').val() == '2'){
  	$(this).attr('class', '').addClass('border');
  }
  else{
  	$(this).attr('class', '').delClass;
  }
});

Comments

[YbeysaHelp]

ты бог