element-gui/packages/theme-chalk/lib/checkbox-button.css

A Component Library for Vue.js.

.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;line-height:1;position:relative}.el-checkbox-button{vertical-align:bottom}.el-checkbox-button__inner{font-weight:400;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #d2d2d2;border-left:0;color:#333;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:9px 15px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button__inner:hover{color:#1890ff}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button__original:focus-visible+.el-checkbox-button__inner{outline-offset:-1px;outline:#1890ff solid 1px}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#fff;background-color:#1890ff;border-color:#1890ff;box-shadow:-1px 0 0 0 #74bcff}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#1890ff}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#999;cursor:not-allowed;background-image:none;background-color:#efefef;border-color:#d2d2d2;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#d2d2d2}.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner{background-color:#a3d3ff;color:#fff}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #d2d2d2;border-radius:2px 0 0 2px;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 2px 2px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:8px 15px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:8px 15px}.el-checkbox-button--small .el-checkbox-button__inner{padding:8px 10px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:8px 10px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 10px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 10px}