<el-form-item label="*会员等级:"> <el-select style="margin-left: -160px"> <el-option label="一般会员" value="1"></el-option> <el-option label="普通会员" value="2"></el-option> <el-option label="超级会员" value="3"></el-option> </el-select> </el-form-item>怎么把*变成红色
时间: 2023-10-05 22:14:41 浏览: 51
Vue中el-form标签中的自定义el-select下拉框标签功能
可以使用 CSS 选择器来将星号变成红色,代码如下:
```css
label::before {
content: "*";
color: red;
margin-right: 5px;
}
```
这段代码中,`label::before` 表示在 `label` 标签内容前插入伪元素,`color: red` 可以将星号的颜色设置为红色,`margin-right: 5px` 可以设置星号与标签文本之间的距离。
如果您只想将该表单项中的星号变成红色,可以给该表单项的 `label` 元素添加一个 class,然后在 CSS 样式表中选择该 class,并将上述代码应用到该 class 中。例如:
```html
<el-form-item label="会员等级:" class="required">
<el-select>
<el-option label="一般会员" value="1"></el-option>
<el-option label="普通会员" value="2"></el-option>
<el-option label="超级会员" value="3"></el-option>
</el-select>
</el-form-item>
```
```css
.required label::before {
content: "*";
color: red;
margin-right: 5px;
}
```
这样就可以将该表单项中的星号变成红色。
阅读全文