526互联

vue 通过css 给html元素增加前缀红色星号

发布时间 2023-08-02 10:35:19作者: pine007

<el-form-item> 前面增加红色星号

要为<el-form-item>的label增加红色星号，你可以使用CSS中的伪元素 ::after 或 ::before 来实现。下面是如何在样式中添加红色星号的示例：

<el-form-item class="red-label" label="物流商信息"></el-form-item>

<style scoped lang="scss">
    .red-label {
      position: relative;
    }

    .red-label::before {
      content: "*";
      color: #F56C6C;
      position: absolute;
      left: 60px; /* 调整星号的位置 */
      top: 10px;
    }
</style>