首页 > 其他分享 >修改el-tree checkbox和文字大小

修改el-tree checkbox和文字大小

时间:2023-04-11 11:45:24浏览次数:32  
标签:el checkbox 文字大小 适配 tree 火狐

原始效果:

 

需求描述:默认效果如上图,想改变复选框的大小,方便使用者勾选,需要修改el-tree  checkbox和文字的大小

<el-checkbox class="el-checkbox" label="" v-model="item.check" ></el-checkbox>

  

主要代码是css:

    .el-checkbox{
        zoom: 130%;  //适配谷歌   不适配火狐
    }

  上述css代码效果在谷歌浏览器上是生效的,但是在火狐浏览器上不是生效的,故又用了另外一种方法,可以同时满足谷歌和火狐两种浏览器

    .el-checkbox{
        transform : scale(130%)  //修改el-tree checkbox和文字大小 适配谷歌和火狐
    }

  最后附上最后的效果图:

 

标签:el,checkbox,文字大小,适配,tree,火狐
From: https://www.cnblogs.com/anqiphp/p/17305724.html

相关文章

  • Git 工具 - 子模块: submodule与subtree的使用
    git日常使用中,基本都是一个项目一个Git仓库的形式,那么当我们的代码中碰到了业务级别的需要复用的代码,我们一般怎么做呢?比如:某个工作中的项目需要包含并使用另一个项目。也许是第三方库,或者你独立开发的,用于多个父项目的库。所以需要提取一个公共的类库提供给多个项目使用,但是......
  • nvim-treesitter coc.nvim
    PSC:\Users\dev\AppData\Local\nvim-data\plugged\nvim-treesitter\parser>lsdbash.socpp.sodockerfile.sohtml.solatex.soninja.sorust.sotypescript.soc.socss.sodot.sojava.sollvm......
  • Voilà, la rentrée
    Samedi8avril2023Enfin surlesolchinois aprèsquatreansetneufmois !Jen’aipaspleurélorsquejesuispartieduLuxembourg,enfaitilyaeutropàfaireetjen’aipaseuletemps.C’estunvoyagelong :noussommespartislemercredi,5......
  • ARC130D ZigZag Tree 题解
    题目链接考虑这棵树在满足条件下是什么样子的?我们发现如果对于一棵树黑白染色,白色表示周围的点大于自身,黑色的点反之,是满足条件的。同时,将黑白点反色也是满足条件的。我们考虑进行\(\text{dp}\),设\(dp_{i,j,0/1}\)表示以点\(i\)为根的子树,\(i\)点权值的排名是\(j\),且......
  • POJ - 2029 Get Many Persimmon Trees(暴力水题)
    题目大意:给你一个矩阵,矩阵上面有N个柿子树,现在要求你画一个s*t的矩阵,使得这个矩阵内的柿子树达到最多解题思路:100*100,直接暴力#include<cstdio>#include<cstring>#include<algorithm>usingnamespacestd;constintN=110;intn,w,h,s,t;intmap[N][N];voidin......
  • B-tree
    在计算机科学中,B树(英语:B-tree)是一种自平衡的树,能够保持数据有序。这种数据结构能够让查找数据、顺序访问、插入数据及删除的动作,都在对数时间内完成。B树,概括来说是一个一般化的二叉查找树(binarysearchtree),可以拥有多于2个子节点。与自平衡二叉查找树不同,B树为系统大块数据的读......
  • 在线商城爬虫 带爬取记录 以11TREET 为例
    整体思路第一步 抓取全部的列表页链接第二步抓取每个列表页的商品总数,页数 第三步单个列表页进行分业抓取商品价格第四步单个列表页抓取完成后输出商品数据并在本地文件记录本次抓取最后一步合并各个列页表抓取的商品数据 第一步爬取的网站,获得分类信息https:......
  • jeesite #form中获取控件的值,以绑定的treeselect为例
    绑定部分代码:<divclass="form-group"><#form:formid="searchForm"model="${iotDevice}"action="${ctx}/iot/iotItem/listGroupData"method="post"class="form-inline"......
  • 第二十届浙大城市学院程序设计竞赛 I.Magic Tree DFS序线段树
    传送门大致思路:  我们知道dfs序上的整颗子树dfs序编号连续,因为每次删除一个点或者新增一个点都导致子树上所有点的深度加一或者减一。由于是区间修改所以我们考虑dfs序上建线段树。  #include<iostream>#include<cstring>#include<iomanip>#include<algorithm>#in......
  • [LeetCode] 1339. Maximum Product of Splitted Binary Tree 分裂二叉树的最大乘积
    Giventhe root ofabinarytree,splitthebinarytreeintotwosubtreesbyremovingoneedgesuchthattheproductofthesumsofthesubtreesismaximized.Return themaximumproductofthesumsofthetwosubtrees.Sincetheanswermaybetoolarge,re......