elementui中自定义Select选择器样式自定义

摘要:
重要;}//单击时删除浅蓝色边框。我的el select/feed/el input__内{边框颜色:#DCDFE6!
<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;
}

elementui中自定义Select选择器样式自定义第1张

免责声明:文章转载自《elementui中自定义Select选择器样式自定义》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇JS鼠标事件大全求逆向超级素数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

原生JDBC

JDBCJava DataBase Connectivity,java数据库连接,是一种用于执行SQL语句的Java API。JDBC是Java访问数据库的标准规范,可以为不同的关系型数据库提供统一访问,它由一组用Java语言编写的接口和类组成。 驱动JDBC需要连接驱动,驱动是两个设备要进行通信,满足一定通信数据格式,数据格式由设备提供商规定,设备提供商...

MySQL 行锁 表锁机制

MySQL 表锁和行锁机制 行锁变表锁,是福还是坑?如果你不清楚MySQL加锁的原理,你会被它整的很惨!不知坑在何方?没事,我来给你们标记几个坑。遇到了可别乱踩。通过本章内容,带你学习MySQL的行锁,表锁,两种锁的优缺点,行锁变表锁的原因,以及开发中需要注意的事项。还在等啥?经验等你来拿! MySQL的存储引擎是从MyISAM到InnoDB,锁从表锁到行...

el-select+el-tree仿TreeSelect组件

<!--el-select+el-tree --> <template>   <el-select     ref="select"     popper-class="TREE_SELECT_POPPER"     :value="showLabel"     :size="size"     :placeholder="p...

关于子查询中的order by子句

关于子查询中能否用order by子句,有以下两种情况: 第一种例如: select a.col1 from a where a.col2 in (select b.col2 from b order by b.col1);这种情况下子查询只是一个集合,并不需要进行order by。 第二种例如: select a.col1, b.col2 from a...

SpringBoot + MyBatis(注解版),常用的SQL方法

一、新建项目及配置 1.1 新建一个SpringBoot项目,并在pom.xml下加入以下代码   <dependency>    <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starte...

SQL批量添加数据库中所有用户数据表描述

--SQL批量添加数据库中所有用户数据表描述 --操作说明:请先准备一数据表为名称为tblist,表名字段tbname nvarchar(255),数据表描述字段chnname nvarchar(255),将所有已存在的数据表和对应描述添加到数据表tblist中 --脚本编写步骤:1、游标读取所有数据表名;2、读取指定数据表描述;3、判断指定数据表描述是否...