before внутри элемента

310

28 октября 2017, 15:50

Здравствуйте! Необходимо задать before к элементу напрямую. Т.е. мы можем сделать так:

<option style="background: <?=$color?>" value=""> ... </option>

А нужно получить что-то такое:

<option style="::before {background: <?=$color?>}" value=""> ... </option>

Это необходимо для динамического получения цвета. Как это можно сделать?

Answer 1

Это можно реализовать, если вынести стили для элемента в отдельный блок <style> и туда подставлять переменную. Но намного логичнее будет придумать дополнительные классы для элемента и уже им задавать :before, а в зависимости от значения переменной просто переключать класс.