zoukankan      html  css  js  c++  java
  • elementui中自定义Select选择器样式自定义

    <el-select class="my-el-select" v-model="tenantCont" placeholder="请输入机构标识">
         <el-option-group
             v-for="group in options"
             :key="group.label"
             :label="group.label">
                <el-option
                    v-for="item in group.options"
                    :key="item.value"
                    :label="item.label"
                     :value="item.value">
                 </el-option>
           </el-option-group>
     </el-select>
    
    options: [{
        label: '之前登录的机构标识',
              options: [
                   {
                       value: '000001',
                       label: '蓝翔1山东蓝翔1(机构标识001)'
                   }, {
                       value: '000002',
                       label: '蓝翔1山东蓝1山东蓝翔1(机构标识001)'
                   },
                   {   
                     value: '000003',
                       label: '蓝翔1山东蓝翔1(机构标识001)',
                    }
                 ]
    }]
    
    // 之前登录的机构标识 居中
    .el-scrollbar .el-select-group__wrap /deep/ .el-select-group__title{
        text-align: center !important;
    }
    // 内容居中
    .el-scrollbar .el-select-group__wrap /deep/ .el-select-dropdown__item{
        text-align: center !important;
    }
    // 去除点击时候的淡蓝色边框
    .my-el-select /deep/ .el-input .el-input__inner {
       border-color: #DCDFE6  !important;
    }
    

    作者:明月人倚楼
    出处:https://www.cnblogs.com/IwishIcould/

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

    万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    同时实现同时只允许一个人登录系统 dodo
    比较C#中的readonly与const (转) dodo
    iframe,Frame中关于Session丢失的解决方法 dodo
    sqlserver数据库同步解决方案 dodo
    利用C#调用WINRAR实现压缩与解压 dodo
    .net打包自动安装数据库 dodo
    关于sqlserver packet size dodo
    真正生成高质量不变形缩略图片 dodo
    Datagrid列表控件使用 dodo
    NUnit学习之VS.net 2005篇(转) dodo
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/14614413.html
Copyright © 2011-2022 走看看