elementui图标大小
时间: 2023-11-12 15:00:00 浏览: 135
在 ElementUI 中,可以通过设置 icon-size 属性来控制图标的大小。该属性的默认值为 14px。你可以将其设置为任何你想要的大小,例如:
```html
<el-button icon="el-icon-search" icon-size="20"></el-button>
```
相关问题
elementui的图标置大小
你可以使用 `font-size` 属性来更改 Element UI 图标的大小。例如,如果你想将图标大小设置为 20px,可以将以下 CSS 样式应用于图标元素:
```css
.el-icon {
font-size: 20px;
}
```
如果你只想更改某个特定图标的大小,可以将其包装在一个带有自定义类的元素中,并应用相应的 CSS 样式。例如,如果你想将 `el-icon-edit` 图标的大小设置为 30px,可以使用以下 HTML 和 CSS:
```html
<span class="my-icon">
<i class="el-icon-edit"></i>
</span>
```
```css
.my-icon i {
font-size: 30px;
}
```
elementui控制icon图标大小
你可以使用 `font-size` 属性来控制 Element UI 中的 icon 图标大小。例如,如果你想要将 icon 图标大小设置为 20px,可以使用以下 CSS 代码:
```css
.el-icon {
font-size: 20px;
}
```
你也可以直接在 HTML 中为 icon 添加样式:
```html
<i class="el-icon el-icon-search" style="font-size: 20px;"></i>
```
这将使 `.el-icon-search` 图标大小为 20px。
阅读全文