0

Здравствуйте. Нужно изменить цвет текста. Есть у меня поле select с определенными цветами. Например,

<select class="colorse">
<option style="background:#ffffff;" value="0">Белый</option>
<option style="background:#000000; color: #fff;" value="1">Черный</option>
</select>

Я так понимаю что без JS тут не обойтись. Помогите, пожалуйста. Цвет нужно изменить в теге <span></span>

2
  • Что именно не работает у Вас? 12 фев 2018 в 11:45
  • Я не знаю, как правильно оформить строку изменения цвета текста.
    – PiT
    12 фев 2018 в 11:47

1 ответ 1

7

самый простой вариант таков, но он вряд ли будет полезен в реальной задаче

body {
  background-color: red;
}
<select class="colorse" onchange="getElementById('color-me').style.color = this.value;">
  <option style="background:#ffffff;" value="white">Белый</option>
  <option style="background:#000000; color: #fff;" value="black">Черный</option>
</select>


<span id="color-me">текст текст текст</span>

1
  • Мне нужно вынести это в span
    – PiT
    12 фев 2018 в 11:49

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.