iview---去掉select选择器默认边框

这是iview官方组件库的选择器，都是有一条灰灰的边框，想要去掉，但设置border：0没有效果

我是这样做的：

     1、首先添加一个你相中的select选择器，给他设置个class，这个很重要！！！

<Select v-model="model2" style="width:100px" class="company-select" >
      <Option v-for="item in cityList" :value="item.value"
       :key="item.value" class="company-list">{{ item.label }}</Option>
</Select>

    2、在页面F12选择你添加的select选择器，找到他在页面中的名字，看属性有border的那就是找对了，页面的名字叫 .ivu-select-selection

       

  3、最后在style中写上代码就行，.company-select为你设置的类名，/deep/是加深选择器一定要加，并且放在中间，.ivu-select-selection为网页中的名字

.company-select /deep/ .ivu-select-selection{
    border: none;
}

刷新页面就可以看到边框没有了 成功！！！