Element UI设置文本输入框、选择框、数字、日期组件的背景色

1.声明CSS颜色样式

.key .el-select
.el-input
.el-input__inner {background-color: #ffd9ff;
}.key .el-input__inner {background-color: #ffd9ff;
}.key .el-input__inner[type="number"] {background-color: #ffd9ff;}.key input[type="number"] {background-color: #ffd9ff;
}

2.设置文本框样式

<el-input :class="key" size="mini"></el-input>

3.设置其他组合样式，需要包裹在<el-col>中。

<el-col :class="key">
<el-select v-model="dep" style="width: 100%"size="mini" ><el-option v-for="item in OilTypeList" :key="item.value" :label="item.label":value="item.value"></el-option>
</el-select>
</el-col>

Element UI设置文本输入框、选择框、数字、日期组件的背景色相关推荐

html表格怎么控制文字大小,如何用html设置文本输入框输入字体的大小
HTML中如何设置文本框的大小?你想走,什么时候都可以:你想回来,抱歉,没那个可能. 你说的文本框的大小是指边框的大小吗? 如果是指边框的大小,可以使用CSS样式控制,如: 1content123#t ...
element ui富文本编辑器的使用(quill-editor)
element ui富文本编辑器的使用(quill-editor) 文章目录 element ui富文本编辑器的使用(quill-editor) 效果展示:(可以上传图片及其视频) 第一步.首先安装富 ...
vue+element ui 设置页面全屏全屏和退出全屏的切换
vue+element ui 设置页面全屏全屏和退出全屏的切换方式1 screenfull 插件 // 属性 screenfull.isFullscreen; // 判断当前页是否全屏返回类型 ...
【vue】element ui的el-input 输入框不能输入值
前言在使用element ui的el-input 输入框时,无法输入内容,后来发现是因为没有给input绑定值(v-model) 原因 Input 为受控组件,它总会显示 Vue 绑定值.(所以必须 ...
element 日期选择图标_element-ui日期组件DatePicker设置日期选择范围Picker Options
element-UI提供了DatePicker日期选择器组件,可以让我们很方便的获取到日期,默认的选择是全部的日期都可以选择的,但是很多场景中我们要对日期选择范围做限定,比如出行日期就不能选过去的日期 ...
element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）
在项目开发的时候用到了el-scrollbar组件并且设置了隐藏横向滚动条下面展示一些内联代码片. // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hid ...
易语言超级列表框设置选中状态-选择框的方法
属性首先将属性-是否有检查框设置成真.(最好也将类型设置成报表列表框,不然无法显示报表列,同时选择框也不能按列放置) 代码 .版本 2 .支持库 iext.程序集窗口程序集_启动窗口.子程序 __ ...
Element ui 设置默认时间显示
element ui 选择时间组件: 需求:实现默认时间定位于当前时间延后7天的日期:且当前时间之前的日期不能选: html部分: <el-date-pickerv-model="sh ...
element ui设置表格表头高度和每一行的高度
填坑记录:今天用element ui的表格组件做用户信息展示,直接拉取的官网的代码过来,发现表头和每一行都太高了,如下: 因为第一次使用element ui的表格组件,不太清楚会遇到这样的坑,以为能轻 ...

Element UI设置文本输入框、选择框、数字、日期组件的背景色

Element UI设置文本输入框、选择框、数字、日期组件的背景色相关推荐

最新文章

热门文章