vue中如何修改iView的样式，

Question

问题描述

我想要改变我引入

问题出现的平台版本及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
重构的css
.selects {

            float:left;
            color:#666;
            width: 80px;
            height: 30px;
            margin-left:10px;
            position: relative;
            select{
                color:#666;
                background:none;
                border: none;
                outline: none;
                width: 80px;
                height: 28px;
                line-height: 28px;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                padding-left: 10px;
            }
        }
        //使用伪类给select添加自己想用的图标
        .selects:after{
            content: "";
            width: 13px;
            height: 12px;
            background: url('http://p6c8y8c2e.bkt.clouddn.com/index/[e-mail]');
            background-repeat: no-repeat;
            background-size:100%;
            position: absolute;
            right: 0;
            top: 45%;
            pointer-events: none;
        }

<vue>

                <div class="selects">
                    <Select v-model="languages" class="head-select" @on-change="changelang">
                        <Option @click="changeref()" v-for="item in languageList" :value="item.id" :key="item.id">{{ item.name }}</Option>
                    </Select>
                </div>
                
                

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

你没覆盖上可能是因为你的class没有真实覆盖到样式那个标签上。我用的就是iview，虽然我们用的时候就一行，但是看真实的html的时候都是好多层级的，你核查一下。还有些是直接用的内联样式，所以你的不生效

Answer 2

自己重写写个class类，写在标签上呀，覆盖它的不就行了吗，实在不行写个style