将iview中表单验证提示的红色*改为图片

最新推荐文章于 2024-10-08 18:09:01 发布

呆呆Panda

最新推荐文章于 2024-10-08 18:09:01 发布

阅读量4.7k

点赞数 1

分类专栏：前端开发

本文链接：https://blog.csdn.net/xjt_1993/article/details/79109086

版权

前端开发专栏收录该内容

5 篇文章 0 订阅

订阅专栏

表单验证的红色*,是iview自带的样式,想要设置自己的样式,需要将iview的样式改变.

要将图片转码成base64

iview原来的样式:

.ivu-form-item-required .ivu-form-item-label:before {
    content: '*';
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-family: SimSun;
    font-size: 12px;
    color: #f30
}

content里面的内容改为自己想要的样式就可以了.但是一般情况下,iview在项目开发中,程序猿是不能轻易的随便改动,假如别人也要使用原来的样式,修改之后,别人的样式就会改变.需要改变原来的样式,一般需要项目负责人来统一修改.

.ivu-form-item-required .ivu-form-item-label:before {
    content: url('');
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-family: SimSun;
    font-size: 12px;
    color: #f30
}