美文网首页
去掉el-select的边框

去掉el-select的边框

作者: 秀萝卜 | 来源:发表于2021-08-30 09:51 被阅读0次
                   .el-select{
                        width: 95px;
                        display: inline-block;
                        input{
                            font-size: 12px;
                            border: none;
                            background: none;
                            text-align: center;
                            color: $color;
                            font-weight: bold;
                        }
                        .el-input__suffix{
                            i{
                                color: $color;
                                margin-left: 0.06rem;
                                font-weight: bold;
                            }
                        }
                        /* WebKit browsers */
                        ::-webkit-input-placeholder {
                            color: $color;
                            font-weight: bold;
                        }
                    }


<el-select v-model="valueGive[scope.$index]" @change="((val)=>{onGiveBtn(val, scope.row)})" placeholder="赠送">
           <el-option :key="0" :value="0" :label="'小可爱'"></el-option>
           <el-option :key="1" :value="1" :label="'大可爱'"></el-option>
           <el-option :key="2" :value="2" :label="'可爱多'"></el-option>
</el-select>

清空的方法:
this.valueval = []

相关文章

网友评论

      本文标题:去掉el-select的边框

      本文链接:https://www.haomeiwen.com/subject/mhvniltx.html