el-button字体和icon加粗或加大

要让el-button的字体和icon加粗或加大，可以通过CSS样式来实现。你可以在el-button的class中添加一个新的class，例如：

<el-button class="my-button">Submit</el-button>

然后在样式表中定义my-button类：

.my-button {
  font-weight: bold;
  font-size: 16px;
}

.my-button i {
  font-size: 20px;
}

这样就可以让el-button的字体加粗、加大，同时让图标也加大了。你可以根据需要调整字体大小和图标大小。

相关问题

el-button上的icon变粗

要将 el-button 上的 icon 变粗，可以通过自定义样式来实现。你可以为 el-button 的 icon 添加一个额外的样式类，然后在样式表中设置该样式类的字体粗细。

首先，在 el-button 上添加一个自定义的样式类，例如 "bold-icon"：

<el-button class="bold-icon">
  <i class="el-icon-search"></i>
  Button with bold icon
</el-button>

然后，在你的样式表中，为该样式类设置字体粗细：

.bold-icon .el-icon {
 font-weight: bold;
}

这样，el-button 上的 icon 就会变得粗体了。请注意，这可能会影响到所有使用该样式类的 el-button 的 icon，如果你只想对特定的 el-button 生效，可以使用其它更具体的选择器。

el-button 中的icon

在 Element UI 的 el-button 组件中，可以通过 `icon` 属性来设置按钮的图标。你可以传入一个图标的类名，或者使用 Element UI 中提供的预设图标名称。例如，如果你想在按钮中添加一个叫做 `el-icon-search` 的搜索图标，可以这样写：

<el-button icon="el-icon-search">搜索</el-button>

如果你想使用自己定义的图标，可以传入自定义的类名，例如：

<el-button icon="my-icon">自定义图标</el-button>

然后在 CSS 中定义这个图标的样式，例如：

.my-icon:before {
  content: url('path-to-my-icon.png');
}

当然，你也可以使用其他方式来为按钮添加图标，比如在按钮的内容中插入 `<i>` 标签，然后为它设置图标的类名：

<el-button>
  <i class="el-icon-search"></i>
  搜索
</el-button>

这样也可以实现按钮中添加图标的效果。