meri-design/dist/theme/RadioGroup.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-radio{cursor:pointer;display:inline-block}.p-radio+.p-radio{margin-left:8px}.p-radio-box{border:1px solid transparent;border-radius:8px;display:inline-block;height:16px;margin-right:4px;position:relative;transition:all .3s;vertical-align:middle;width:16px}.p-radio-box:hover{box-shadow:0 0 4px 0 rgba(78,131,253,.4)}.p-radio-box:after{background:none;content:"";position:absolute;transform:scale(0);transition:all .2s ease-in-out;z-index:1}.p-radio-uncheck{background-color:#fff;border-color:#c4c9cf}.p-radio-checked,.p-radio-uncheck:hover{border-color:#246fe5}.p-radio-checked{background-color:#fff}.p-radio-checked:after{background-color:#246fe5;border-radius:4px;height:8px;left:3px;top:3px;transform:scale(1);width:8px}.p-radio-text{color:#1b2129;font-size:14px;user-select:none;vertical-align:middle}.p-radio-disabled{cursor:not-allowed}.p-radio-disabled>i{pointer-events:none}.p-radio-disabled .p-radio-uncheck{background-color:#e1e5eb}.p-radio-disabled .p-radio-checked{border-color:#c4c9cf}.p-radio-disabled .p-radio-checked:after{background-color:#c4c9cf}.p-radio-group{align-items:center;display:inline-flex;flex-direction:column;justify-content:flex-start;padding:0 0 16px 16px}.p-radio-group .p-radio-group-item.disabled .p-checkbox-text,.p-radio-group .p-radio-group-item.disabled .p-radio-text{color:#c4c9cf}.p-radio-group .p-radio-group-title{padding:16px 0 8px;width:100%}.p-radio-group .p-radio-group-multiple .p-radio-group-multiple-title.radio-top{margin-top:28px}.p-radio-group .p-radio-group-multiple .p-radio-group-multiple-title{margin-left:0;margin-right:16px;margin-top:16px}.p-radio-group .p-radio-group-single{align-items:center;display:inline-flex;flex-wrap:wrap}.p-radio-group .p-radio-group-single .p-radio-group-item{margin-left:0;margin-right:16px;margin-top:16px}