改变elementui的switch宽度、高度

原格式

源码

<el-switchv-model="value1">
</el-switch>

颜色改变(改变的是打开背景色)

<el-switchv-model="value1"active-color="#B0C4DE"
>
</el-switch>

注：inactive-color 关闭时的背景色

更改宽度和高度

<style>>>>.el-switch__core{width:35px!important;height:15px;/*color:#409EFF;*/}/*设置圆*/>>>.el-switch__core::after{width:14px;height:14px;margin-top:-1px;margin-bottom: 2px;}</style>

>>>是什么意思我也不知道，就是感觉不用在别人的样式上，可以改掉样式，有人知道的请告知，谢谢

其效果如下：

改变elementui的switch宽度、高度相关推荐

C#中改变工具条ToolStrip的位置/宽度/高度?
网上找了不少,只是吧AutoSize的属性改为FALSE,此时改变的是上下的高度,我需要改变左右: 解决方法: 把ToolStrip 放在一个panel里, 然后调整panel的宽度/高度/位置,OK ...
js 鼠标拖拽改变div宽度高度
js 鼠标拖拽改变div宽度高度, <!DOCTYPE html> <html><head><meta charset="UTF-8" / ...
【微信小程序教程】动态改变view标签的宽度和高度
1.效果展示 2.关键代码 wxml文件 js文件 3.源代码获取方式百度云链接:http://pan.baidu.com/s/1eSsma9G 4.在动态改变view标签的宽度和高度的过程中有遇到 ...
HTML textarea cols,rows属性和宽度高度关系研究
一.关于textarea元素的cols和rows属性 <textarea>元素,俗称"文本域",或者"多行文本框",其自带原生的HTML属性rows ...
拖动改变Table的列宽度
收藏自:http://www.cnblogs.com/xieex/archive/2007/12/15/996025.html <html> <head> <meta h ...
图片加尺寸php代码,php获取图片尺寸(宽度,高度)_php
本篇文章主要说明php获取图片尺寸(宽度,高度)的函数,即getimagesize()函数. 语法:array getimagesize( string filename [, array & ...
改变ComboBox控件的高度
非常简单, CComboBox* pCtl = (CComboBox*)GetDlgItem(IDC_CBCOLORPICKER); pCtl->SendMessage(CB_SETI ...
elementUI之switch应用的坑
前言: 因为项目中用到了饿了么出品的element-ui这一套ui框架,所以很多地方都踩在了坑里,前面碰到了一些,今天着重聊一下switch这个组件. 首先switch接受Boolean类型的数据,莫 ...
css按钮居中_你不一定知道的CSS最小和最大(宽度/高度)知识点及优缺点
通常,我们希望限制元素相对于其父元素的宽度,同时使其具有动态性.因此,有一个基础宽度或高度的能力,使其扩展的基础上,可用的空间.比如说,我们有一个按钮,它的宽度应该是最小的,不应该低于它的宽度.这就是 ...
一个常见问题的解决——Ext grid的宽度高度如何自适应
一个常见问题的解决--Ext grid的宽度高度如何自适应参考文章: (1)一个常见问题的解决--Ext grid的宽度高度如何自适应 (2)https://www.cnblogs.com/zack ...

改变elementui的switch宽度、高度

改变elementui的switch宽度、高度相关推荐

最新文章

热门文章