yz-ui-b/lib/style/button.css

一个开心的UI组件

.el-button[data-v-9594426c]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button[data-v-9594426c]{margin-left:10px}.el-button[data-v-9594426c]:focus,.el-button[data-v-9594426c]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.el-button[data-v-9594426c]:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button[data-v-9594426c]::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span[data-v-9594426c]{margin-left:5px}.el-button.is-plain[data-v-9594426c]:focus,.el-button.is-plain[data-v-9594426c]:hover{background:#fff;border-color:#409eff;color:#409eff}.el-button.is-active[data-v-9594426c],.el-button.is-plain[data-v-9594426c]:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain[data-v-9594426c]:active{background:#fff;outline:0}.el-button.is-disabled[data-v-9594426c],.el-button.is-disabled[data-v-9594426c]:focus,.el-button.is-disabled[data-v-9594426c]:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.el-button.is-disabled.el-button--text[data-v-9594426c]{background-color:transparent}.el-button.is-disabled.is-plain[data-v-9594426c],.el-button.is-disabled.is-plain[data-v-9594426c]:focus,.el-button.is-disabled.is-plain[data-v-9594426c]:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading[data-v-9594426c]{position:relative;pointer-events:none}.el-button.is-loading[data-v-9594426c]:before{pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35)}.el-button.is-round[data-v-9594426c]{border-radius:20px;padding:12px 23px}.el-button.is-circle[data-v-9594426c]{border-radius:50%;padding:12px}.el-button--primary[data-v-9594426c]{color:#fff;background-color:#409eff;border-color:#409eff}.el-button--primary[data-v-9594426c]:focus,.el-button--primary[data-v-9594426c]:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.el-button--primary[data-v-9594426c]:active{outline:0}.el-button--primary.is-active[data-v-9594426c],.el-button--primary[data-v-9594426c]:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff}.el-button--primary.is-disabled[data-v-9594426c],.el-button--primary.is-disabled[data-v-9594426c]:active,.el-button--primary.is-disabled[data-v-9594426c]:focus,.el-button--primary.is-disabled[data-v-9594426c]:hover{color:#fff;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain[data-v-9594426c]{color:#409eff;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain[data-v-9594426c]:focus,.el-button--primary.is-plain[data-v-9594426c]:hover{background:#409eff;border-color:#409eff;color:#fff}.el-button--primary.is-plain[data-v-9594426c]:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff;outline:0}.el-button--primary.is-plain.is-disabled[data-v-9594426c],.el-button--primary.is-plain.is-disabled[data-v-9594426c]:active,.el-button--primary.is-plain.is-disabled[data-v-9594426c]:focus,.el-button--primary.is-plain.is-disabled[data-v-9594426c]:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success[data-v-9594426c]{color:#fff;background-color:#67c23a;border-color:#67c23a}.el-button--success[data-v-9594426c]:focus,.el-button--success[data-v-9594426c]:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success.is-active[data-v-9594426c],.el-button--success[data-v-9594426c]:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success[data-v-9594426c]:active{outline:0}.el-button--success.is-disabled[data-v-9594426c],.el-button--success.is-disabled[data-v-9594426c]:active,.el-button--success.is-disabled[data-v-9594426c]:focus,.el-button--success.is-disabled[data-v-9594426c]:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain[data-v-9594426c]{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain[data-v-9594426c]:focus,.el-button--success.is-plain[data-v-9594426c]:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain[data-v-9594426c]:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:0}.el-button--success.is-plain.is-disabled[data-v-9594426c],.el-button--success.is-plain.is-disabled[data-v-9594426c]:active,.el-button--success.is-plain.is-disabled[data-v-9594426c]:focus,.el-button--success.is-plain.is-disabled[data-v-9594426c]:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning[data-v-9594426c]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.el-button--warning[data-v-9594426c]:focus,.el-button--warning[data-v-9594426c]:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning.is-active[data-v-9594426c],.el-button--warning[data-v-9594426c]:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning[data-v-9594426c]:active{outline:0}.el-button--warning.is-disabled[data-v-9594426c],.el-button--warning.is-disabled[data-v-9594426c]:active,.el-button--warning.is-disabled[data-v-9594426c]:focus,.el-button--warning.is-disabled[data-v-9594426c]:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain[data-v-9594426c]{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain[data-v-9594426c]:focus,.el-button--warning.is-plain[data-v-9594426c]:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain[data-v-9594426c]:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:0}.el-button--warning.is-plain.is-disabled[data-v-9594426c],.el-button--warning.is-plain.is-disabled[data-v-9594426c]:active,.el-button--warning.is-plain.is-disabled[data-v-9594426c]:focus,.el-button--warning.is-plain.is-disabled[data-v-9594426c]:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger[data-v-9594426c]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.el-button--danger[data-v-9594426c]:focus,.el-button--danger[data-v-9594426c]:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger.is-active[data-v-9594426c],.el-button--danger[data-v-9594426c]:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger[data-v-9594426c]:active{outline:0}.el-button--danger.is-disabled[data-v-9594426c],.el-button--danger.is-disabled[data-v-9594426c]:active,.el-button--danger.is-disabled[data-v-9594426c]:focus,.el-button--danger.is-disabled[data-v-9594426c]:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain[data-v-9594426c]{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain[data-v-9594426c]:focus,.el-button--danger.is-plain[data-v-9594426c]:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain[data-v-9594426c]:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.el-button--danger.is-plain.is-disabled[data-v-9594426c],.el-button--danger.is-plain.is-disabled[data-v-9594426c]:active,.el-button--danger.is-plain.is-disabled[data-v-9594426c]:focus,.el-button--danger.is-plain.is-disabled[data-v-9594426c]:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info[data-v-9594426c]{color:#fff;background-color:#909399;border-color:#909399}.el-button--info[data-v-9594426c]:focus,.el-button--info[data-v-9594426c]:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info.is-active[data-v-9594426c],.el-button--info[data-v-9594426c]:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info[data-v-9594426c]:active{outline:0}.el-button--info.is-disabled[data-v-9594426c],.el-button--info.is-disabled[data-v-9594426c]:active,.el-button--info.is-disabled[data-v-9594426c]:focus,.el-button--info.is-disabled[data-v-9594426c]:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain[data-v-9594426c]{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain[data-v-9594426c]:focus,.el-button--info.is-plain[data-v-9594426c]:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain[data-v-9594426c]:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.el-button--info.is-plain.is-disabled[data-v-9594426c],.el-button--info.is-plain.is-disabled[data-v-9594426c]:active,.el-button--info.is-plain.is-disabled[data-v-9594426c]:focus,.el-button--info.is-plain.is-disabled[data-v-9594426c]:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium[data-v-9594426c]{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini[data-v-9594426c],.el-button--small[data-v-9594426c]{font-size:12px;border-radius:3px}.el-button--medium.is-round[data-v-9594426c]{padding:10px 20px}.el-button--medium.is-circle[data-v-9594426c]{padding:10px}.el-button--small.is-round[data-v-9594426c],.el-button--small[data-v-9594426c]{padding:9px 15px}.el-button--small.is-circle[data-v-9594426c]{padding:9px}.el-button--mini.is-round[data-v-9594426c],.el-button--mini[data-v-9594426c]{padding:7px 15px}.el-button--mini.is-circle[data-v-9594426c]{padding:7px}.el-button--text[data-v-9594426c]{border-color:transparent;color:#409eff;background:0 0;padding-left:0;padding-right:0}.el-button--text[data-v-9594426c]:focus,.el-button--text[data-v-9594426c]:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text[data-v-9594426c]:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled[data-v-9594426c],.el-button--text.is-disabled[data-v-9594426c]:focus,.el-button--text.is-disabled[data-v-9594426c]:hover{border-color:transparent}.el-button-group .el-button--danger[data-v-9594426c]:last-child,.el-button-group .el-button--danger[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group .el-button--info[data-v-9594426c]:last-child,.el-button-group .el-button--info[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group .el-button--primary[data-v-9594426c]:last-child,.el-button-group .el-button--primary[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group .el-button--success[data-v-9594426c]:last-child,.el-button-group .el-button--success[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group .el-button--warning[data-v-9594426c]:last-child,.el-button-group .el-button--warning[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group>.el-dropdown>.el-button[data-v-9594426c]{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--danger[data-v-9594426c]:first-child,.el-button-group .el-button--danger[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group .el-button--info[data-v-9594426c]:first-child,.el-button-group .el-button--info[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group .el-button--primary[data-v-9594426c]:first-child,.el-button-group .el-button--primary[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group .el-button--success[data-v-9594426c]:first-child,.el-button-group .el-button--success[data-v-9594426c]:not(:first-child):not(:last-child),.el-button-group .el-button--warning[data-v-9594426c]:first-child,.el-button-group .el-button--warning[data-v-9594426c]:not(:first-child):not(:last-child){border-right-color:hsla(0,0%,100%,.5)}.el-button-group[data-v-9594426c]{display:inline-block;vertical-align:middle}.el-button-group[data-v-9594426c]:after,.el-button-group[data-v-9594426c]:before{display:table;content:""}.el-button-group[data-v-9594426c]:after{clear:both}.el-button-group>.el-button[data-v-9594426c]{float:left;position:relative}.el-button-group>.el-button+.el-button[data-v-9594426c]{margin-left:0}.el-button-group>.el-button.is-disabled[data-v-9594426c]{z-index:1}.el-button-group>.el-button[data-v-9594426c]:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button[data-v-9594426c]:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button[data-v-9594426c]:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round[data-v-9594426c]{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle[data-v-9594426c]{border-radius:50%}.el-button-group>.el-button[data-v-9594426c]:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button[data-v-9594426c]:not(:last-child){margin-right:-1px}.el-button-group>.el-button.is-active[data-v-9594426c],.el-button-group>.el-button[data-v-9594426c]:not(.is-disabled):active,.el-button-group>.el-button[data-v-9594426c]:not(.is-disabled):focus,.el-button-group>.el-button[data-v-9594426c]:not(.is-disabled):hover{z-index:1}.el-button-group>.el-dropdown>.el-button[data-v-9594426c]{border-top-left-radius:0;border-bottom-left-radius:0}