如何在＆＃34;＆＃34;之后设置css属性？ ＆＃34;之前＆＃34; DOM伪造元素

Question

我需要将“border-left”的颜色默认从红色更改为范围内的颜色（例如蓝色）。

.hello:before {
  content:' ';
    display:inline-block;
    width: 22px;
    height: 25px;
    position:absolute;
    border-left:3px solid red;
}
.hello:after {
    content:' ';
    display:inline-block;
    width: 20px;
    height: 30px;
    position:absolute; 
    border-left:3px solid red;

}

<div class="hello"></div>

Answer 1

单色

的例子

.hello.blue:before {
    border-color: blue;
}
.hello.blue:after { 
    border-color: blue;    
}

<div class="hello {{color}}"></div>

任何十六进制颜色代码的示例

使用嵌入式样式，只有在您可以将其放入文档中时才可以使用...

<style>
.hello:before {
    border-color: #{{color}};
}
.hello:after { 
    border-color: {{color}};    
}
</style>

然后在控制器中设置$ scope.color