problem description
I want to change my introduction
the platform version of the problem and what methods you have tried
related codes
/ / Please paste the code text below (do not replace the code with pictures)
refactored css
.selections {
float:left;
color:-sharp666;
width: 80px;
height: 30px;
margin-left:10px;
position: relative;
select{
color:-sharp666;
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/zhongwenyingwen@2x.png");
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>