苏飞论坛

标题: element ui-Button 按钮（二）禁用状态 [打印本页]

---

作者: xyc    时间: 2021-9-7 16:19
标题: element ui-Button 按钮（二）禁用状态
         上篇文章说到了element按钮的基础样式用法，下面来说下按钮的禁用状态的样式。

          实现方式：使用disabled属性来定义按钮是否可用，它接受一个Boolean值。

          效果：
          (, 下载次数: 4)

上传

点击文件名下载附件


           HTML代码：
           

[HTML] 纯文本查看 复制代码

<el-row>

  <el-button disabled>默认按钮</el-button>

  <el-button type="primary" disabled>主要按钮</el-button>

  <el-button type="success" disabled>成功按钮</el-button>

  <el-button type="info" disabled>信息按钮</el-button>

  <el-button type="warning" disabled>警告按钮</el-button>

  <el-button type="danger" disabled>危险按钮</el-button>

</el-row>



<el-row>

  <el-button plain disabled>朴素按钮</el-button>

  <el-button type="primary" plain disabled>主要按钮</el-button>

  <el-button type="success" plain disabled>成功按钮</el-button>

  <el-button type="info" plain disabled>信息按钮</el-button>

  <el-button type="warning" plain disabled>警告按钮</el-button>

  <el-button type="danger" plain disabled>危险按钮</el-button>

</el-row>

---

欢迎光临 苏飞论坛 (http://www.sufeinet.com/)

Powered by Discuz! X3.4