el-button样式

el-button 是 Element UI 中的一个组件，它提供了多种样式和功能。你可以通过以下方式来设置 el-button 的样式：

1. 设置按钮类型：通过设置 type 属性来设置按钮的类型，可选值有 primary、success、warning、danger、info、text，默认为 default。

2. 设置按钮大小：通过设置 size 属性来设置按钮的大小，可选值有 medium、small、mini，默认为 medium。

3. 设置圆角：通过设置 round 属性来设置按钮的圆角，可选值有 true、false，默认为 false。

4. 设置图标：通过设置 icon 属性来设置按钮的图标，可选值为 Element UI 中的图标名称。

5. 设置禁用状态：通过设置 disabled 属性来设置按钮的禁用状态，可选值为 true、false，默认为 false。

6. 设置加载状态：通过设置 loading 属性来设置按钮的加载状态，可选值为 true、false，默认为 false。

下面是一个示例代码：

<el-button type="primary" size="medium" round icon="el-icon-search" disabled>搜索</el-button>

相关问题

el-button样式修改

您可以通过以下几种方式修改 `el-button` 的样式：

1. 使用内置的样式类：`el-button` 组件提供了一些内置的样式类，您可以直接在按钮元素上添加这些类来修改样式。例如，您可以使用 `el-button--primary` 类来改变按钮的背景色为主题色：

<el-button class="el-button--primary">Primary Button</el-button>

2. 使用 `style` 属性：您可以通过给按钮元素添加 `style` 属性来直接指定样式。例如，您可以使用 `background-color` 属性来修改按钮的背景色：

<el-button style="background-color: red;">Custom Button</el-button>

3. 使用 CSS 样式：如果您想更细粒度地修改按钮的样式，您可以使用 CSS 来为按钮元素添加自定义样式。您可以将样式放在 `<style>` 标签中或者在外部的 CSS 文件中。例如，您可以为 `el-button` 添加一个自定义的类，并在 CSS 中定义该类的样式：

<!-- 在 HTML 中 -->
<el-button class="custom-button">Custom Button</el-button>

<!-- 在 CSS 中 -->
<style>
.custom-button {
  background-color: blue;
  color: white;
}
</style>

上述方法中的任何一种都可以用来修改 `el-button` 的样式。您可以根据自己的需求选择适合的方式进行修改。

删除 el-button 样式

要删除 el-button 的样式，可以通过以下两种方法之一来实现：

1. 使用 scoped CSS

在按钮所在的组件的样式中，使用 scoped CSS 来覆盖 el-button 的样式，例如：

<template>
  <el-button class="my-button">按钮</el-button>
</template>

<style scoped>
.my-button {
  background-color: transparent;
  border: none;
  color: red;
}
</style>

在上面的例子中，我们使用 scoped CSS 来覆盖 el-button 的样式，使其背景颜色变成透明，边框消失，字体颜色变成红色。

2. 使用深度选择器

在 el-button 的样式前面加上 /deep/ 或者 >>>，使得样式能够穿透到 el-button 组件内部，例如：

<template>
  <el-button class="my-button">按钮</el-button>
</template>

<style>
/deep/ .el-button {
  background-color: transparent;
  border: none;
  color: red;
}
</style>

在上面的例子中，我们使用 /deep/ 来穿透到 el-button 组件内部，同样将其背景颜色变成透明，边框消失，字体颜色变成红色。注意，/deep/ 或者 >>> 在新版的 Vue 中已经被废弃，建议使用 scoped CSS 来代替。