前端elementUI中el-button 里面图标i 的图片大小设置

最新推荐文章于 2025-03-14 09:00:00 发布

MFG_666

最新推荐文章于 2025-03-14 09:00:00 发布

阅读量6.1k

点赞数 2

分类专栏： Css elementUI 文章标签： elementui 前端 vue.js

本文链接：https://blog.csdn.net/m0_49714202/article/details/122859030

版权

Css 同时被 2 个专栏收录

45 篇文章

订阅专栏

elementUI

12 篇文章

订阅专栏

注意:使用通过字体图标大小设置图片大小(font-size)而不是width

设置图片大小属性:

font-size:20px;

未设置前:   font-size: 18px;
        <el-button type="primary" size="mini" class="bun"
            ><span class="bun_span">个人中心</span><i style="font-size: 18px;" class="el-icon-arrow-down el-icon--right"></i>
        </el-button>

在这里插入图片描述

  设置后:   font-size: 25px;
            <el-button type="primary" size="mini" class="bun"
                ><span class="bun_span">个人中心</span><i style="font-size: 25px;" class="el-icon-arrow-down el-icon--right"></i>
            </el-button>

在这里插入图片描述