meri-design/dist/theme/Checkbox.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-checkbox{align-items:center;cursor:pointer;display:inline-flex;min-height:16px;min-width:16px;vertical-align:middle;z-index:1}.p-checkbox+.p-checkbox{margin-left:8px}.p-checkbox-box{border:1px solid transparent;border-radius:2px;height:16px;position:relative;transition:all .3s;vertical-align:middle;width:16px}.p-checkbox-box:hover{box-shadow:0 0 4px 0 rgba(78,131,253,.4)}.p-checkbox-box:after{background:none;content:"";pointer-events:none;position:absolute;transform:rotate(0) scale(0);transition:transform .2s ease-in-out;z-index:1}.p-checkbox-uncheck{background-color:#fff;border-color:#c4c9cf}.p-checkbox-checked,.p-checkbox-uncheck:hover{border-color:#246fe5}.p-checkbox-checked{background-color:#246fe5}.p-checkbox-checked:after{border-bottom:2px solid #fff;border-right:2px solid #fff;height:8px;left:5px;top:2px;transform:rotate(45deg) scale(1);width:4px}.p-checkbox-notNull{background-color:#246fe5;border-color:#246fe5}.p-checkbox-notNull:after{background-color:#fff;height:2px;left:3px;top:6px;transform:scale(1);width:8px}.p-checkbox-text{color:#1b2129;font-size:14px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:calc(100% - 16px)}.p-checkbox-disabled{cursor:not-allowed}.p-checkbox-disabled>i{pointer-events:none}.p-checkbox-disabled .p-checkbox-uncheck{background-color:#e1e5eb}.p-checkbox-disabled .p-checkbox-checked,.p-checkbox-disabled .p-checkbox-notNull{background-color:#c4c9cf;border-color:#c4c9cf}