element-gui/lib/theme-chalk/radio.css

A Component Library for Vue.js.

.el-radio,.el-radio__input{white-space:nowrap;cursor:pointer;outline:0}.el-radio,.el-radio--medium .el-radio__label{font-size:14px}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-radio{color:#333;font-weight:400;line-height:inherit;vertical-align:bottom;margin-right:20px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.is-bordered{padding:7px 20px 7px 10px;border-radius:2px;border:1px solid #d2d2d2;box-sizing:border-box;height:34px;line-height:1;vertical-align:bottom}.el-radio.is-bordered .el-radio__label{line-height:19px}.el-radio.is-bordered.is-checked{border-color:#1890ff}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#d2d2d2}.el-radio--medium.is-bordered{padding:7px 20px 7px 10px;border-radius:2px;height:32px}.el-radio--medium.is-bordered .el-radio__label{line-height:16px}.el-radio--mini .el-radio__label,.el-radio--small .el-radio__label{font-size:12px}.el-radio--medium .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:6px 15px 6px 10px;border-radius:1px;height:30px}.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio--small .el-radio__inner::after{width:6px;height:6px}.el-radio--mini.is-bordered{padding:6px 15px 6px 10px;border-radius:1px;height:28px}.el-radio--mini.is-bordered .el-radio__label{line-height:14px}.el-radio--mini .el-radio__inner{height:12px;width:12px}.el-radio--mini .el-radio__inner::after{width:6px;height:6px}.el-radio:last-child{margin-right:0}.el-radio__input{line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{background-color:#efefef;border-color:#999;cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#efefef}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#efefef;border-color:#999}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#999}.el-radio__input.is-disabled+span.el-radio__label{color:#999;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#1890ff;background:#fff}.el-radio__input.is-checked .el-radio__inner::after{transform:translate(-50%,-50%) scale(1);background:#1890ff}.el-radio__input.is-focus .el-radio__inner{border-color:#1890ff}.el-radio__inner{border:1px solid #999;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#1890ff}.el-radio__inner::after{width:8px;height:8px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio__original:focus-visible+.el-radio__inner{outline-offset:1px;outline:#1890ff solid 1px}.el-radio__label{font-size:14px;padding-left:5px}