【问题标题】:Element-UI: How to increase icon size of buttons?Element-UI:如何增加按钮的图标大小?
【发布时间】:2020-01-16 12:11:06
【问题描述】:

我只是显示一个这样的按钮:

<el-button plain circle icon="el-icon-refresh"></el-button>

但是按钮里面的图标太小了。有没有办法只放大图标?我正在为我的项目使用Vue.js

【问题讨论】:

    标签: element-ui


    【解决方案1】:

    Element-ui 的 API 不支持这一点。然而,icon 属性在按钮内的 i 元素上放置了一个类。您可以添加第二个类并添加您自己的样式。

    <el-button plain circle icon="custom-icon el-icon-refresh"></el-button>
    

    CSS:

    .custom-icon {
       font-size: 2rem;
    }
    

    【讨论】:

    • 只有图标,而不是按钮
    【解决方案2】:

    这对我有用:

    HTML

    <el-button plain circle icon="el-icon-refresh" class="custom-icon"></el-button>
    
    

    CSS

    .custom-icon {
       font-size: 2rem;
    }
    

    【讨论】:

    • 这只是对现有答案的重复。
    猜你喜欢
    • 2020-05-04
    • 2022-01-24
    • 2023-03-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多