更改uib-tab更改背景图像?

时间:2018-06-01 13:45:53

标签: javascript css angularjs bootstrap-4 angular-ui-bootstrap

这是我的HTML代码..

 <uib-tabset panel-tabs="true" panel-class="panel-midnightblue" active="ctrl.active" index="$index">
        <uib-tab  heading="tarun">

            <uib-tab-heading class="ng-scope">

                <div class="  tab_icon ">  tarun</div>

            </uib-tab-heading>
    </uib-tab>
 <uib-tab  heading="Aman">


    </uib-tab>
    </uib-tabset >

这是我的CSS课程

.tab_icon{
    background-image: url("/images/c2c_digital_credit/tarun.png");
    background-repeat: no-repeat !important;
    padding-left: 35px !important;
    background-size: 20px !important;
    background-position: 6px 10px;
}

当我将标签Tarun更改为Aman时,然后将背景图像替换为新图像,当我将Aman更改为Tarun标签时,旧图像将替换为新图像。 请帮我 ?

0 个答案:

没有答案