Как имитировать checked для select?

Question

[Дмитрий]

Вопрос написан в заголовке :)
Стрелку к select я сделал через fa, и при клике на select нужно задавать ей rotate. Как это сделать?

UPD:
Должно быть вот так:

Сделал вот такой код:


Пробовал использовать :checked и :focus

Answer 1

[Александр Филиппенко]

Это решается стилями. Должно быть что-то в духе:

.fa {
transition: 0.3s;
}
select:focus + .fa {
tranform: rotate(180deg);
}

Comments

[Дмитрий]

Я так делал, не получается

[Александр Филиппенко]

А если в html стрелку поставить после select?

[Дмитрий]

Александр Филиппенко, черт, забыл об этом) Сенк

Answer 2

[M]

select.fa:selected ?

Comments

[Дмитрий]

Я так делал, не получается. Обновил вопрос

Answer 3

[Vlad]

$('#select_input').on('click', function() {
    $('.fa').css(...);
});

Comments

[Дмитрий]

Эм
Имеется в виду список select>option. Нажал на select => появился список + стрелка повернулась => выбрал элемент/нажал мимо селекта => стрелка вернулась в изначальное положение. Мне все эти события отслеживать придется?