Как выбрать цвет в зависимости от выбора select?

Question

[Максим К]

Всем привет. Не знаю, как описать нормально, но собственно есть:

<div class="form-group">
                                        <label for="items">Товар:</label>
                                        <select id="items" name='items' class="form-control">
                                            <option value="" class="form-control1"></option>
                                            <option value="Товар1" class="form-control1">Товар1</option>
                                            <option value="Товар2" class="form-control1">Товар2</option>
                                            <option value="Товар3" class="form-control1">Товар3</option>
                                        </select>
                                    </div>
                                </div>

Когда выбран самый первый элемент, т.е. пусто - цвет фона должен быть #ffffff, а когда выбран любой из следующий цвет фона должен быть любой другой.

css сделал так, но не работает (((

.form-control{
   background-color: #ffffff!important;
}

.form-control1{
   background-color: red!important;
}

Как можно исправить???? Спасибо

Answer 1

[ambisinister One]