当前位置: 首页 > news >正文

vue2-elementUI部分组件样式修改

el-radio样式:

/deep/ .el-radio__input .el-radio__inner {width: 20px;height: 20px;position: relative;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #999;border-radius: 0;outline: none;transition: all 0.3s ease-in-out;box-sizing: border-box;cursor: pointer;
}/* 选中后的字体颜色 */
/deep/ .el-radio__input.is-checked+.el-radio__label {color: #7e6934 !important;
}/* 选中后圆圈的背景颜色 */
/deep/ .el-radio__input.is-checked .el-radio__inner {background: #7e6934 !important;border-color: #7e6934 !important;
}// 选中后的样式
/deep/ .el-radio__input.is-checked .el-radio__inner::after {width: 20px;height: 20px;display: inline-block;visibility: visible;padding-left: 0;text-align: center;content: "✓";color: #fff;font-size: 10px;line-height: 20px;border-radius: 0;background-color: #88733c;
}

el-input:改变选中时的边框颜色

/deep/.el-input__inner:focus {border-color: #88733c
}

el-select:改变选中时的边框、文本颜色

// 选择框选中时的边框颜色
/deep/.el-select .el-input.is-focus .el-input__inner {border-color: #88733c !important;
}//选择框选中又取消时的边框颜色
/deep/.el-select .el-input__inner:focus {border-color: #88733c !important;
}// 选择框选中的文本颜色
.el-select-dropdown__item.selected {color: #88733c;
}

设置下拉选择框未选中时的提示文字

<el-select placeholder="月份*"></el-select>

http://www.lryc.cn/news/258336.html

相关文章:

  • fijkplayer flutter 直播流播放
  • Javascript的基本语法(规范)
  • vue chrome debugger 无效
  • JRT实现Cache的驱动
  • ESP32网络开发实例-Web串口(WebSerial)
  • P2 Qt Creator创建第一个Qt程序
  • 加班、效率和价值
  • 【QT 5 调试软件+(Linux下验证>>>>串口相关初试串口)+Windows下qt代码在Linux下运行+参考win下历程+基础样例】
  • 地址栏不安全提示
  • glib编译与实战
  • PHP基础(4)
  • 软件安全设计
  • Mysql、Oracle安全项检查表及操作脚本
  • 单片双向马达驱动芯片D6208的芯片描述
  • 使用ansible命令部署k8s集群
  • 【上海大学数字逻辑实验报告】四、组合电路(三)
  • centos安装node 、npm 、nvm
  • 年终福利|鹅厂重磅AI绘画训练营带你玩转SD
  • arXiv学术速递笔记12.8
  • 大模型元年压轴盛会定档12月28日,第十届WAVE SUMMIT即将启航
  • 基于conda环境使用mamba/conda安装配置QIIME 2 2023.9 Amplicon扩增子分析环境,q2cli主要功能模块介绍及使用
  • 腾讯-轻量应用服务器centos7中宝塔安装MySQL8.0出现内存不足
  • 调用Win10隐藏的语音包
  • 【WPF】应用程序和已知安卓设备的局域网IP之间进行通信
  • linux Ubuntu下,第一个C++程序访问数据库,遇到的问题,及解决办法
  • 【Flink on k8s】- 7 - 在本地运行第一个 flink wordcount job
  • velocity-engine-core是什么?Velocity模板引擎的使用
  • 【华为od】存在一个m*n的二维数组,其成员取值范围为0,1。其中值为1的元素具备扩散性,每经过1S,将上下左右值为0的元素同化为1。
  • docker学习(七、搭建mysql8.2主从)
  • 消费升级:无人零售的崛起与优势