Estou precisando alterar a cor de um pseudo elemento, de acordo com algumas condições. Para simplificar, fiz primeiro sem nenhuma condição, apenas quero mudar a cor através do v-bind
Tenho um pseudo elemento CSS:
.status span:before {
content: '';
width: 25px;
height: 25px;
border-radius: 25px;
border: 4px solid #3e70ff;
position: absolute;
top: -15px;
background-color: #c1c1c1;
left: 42%;
transition: all 200ms ease-in;
}
No HTML estou fazendo assim:
div v-bind:class="'span:before'" v-bind:style="{ color: 'red' }"></div>
Porém, não consegui mudar a cor do pseudo elemento. Como posso fazer?