@beeapi/nutui/dist/packages/radio/radio.css

一套轻量级移动端Vue组件库

/*!
 * @beeapi/nutui v2.2.10 - radio.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */@-webkit-keyframes nutPulse{0%{width:100%;height:100%;opacity:.5}to{width:180%;height:180%;opacity:0}}@keyframes nutPulse{0%{width:100%;height:100%;opacity:.5}to{width:180%;height:180%;opacity:0}}.nut-radio{margin-right:10px}.nut-radio .nut-radio-label{pointer-events:none;vertical-align:middle}.nut-radio input{position:relative;-webkit-appearance:none;border:1px solid #dadada;-webkit-border-radius:50%;border-radius:50%;background-size:cover;outline:0;opacity:1;vertical-align:middle;margin-top:0}.nut-radio input:after{position:absolute;left:50%;top:50%;content:"";width:0;height:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f0250f;-webkit-border-radius:50%;border-radius:50%;opacity:0;pointer-events:none}.nut-radio input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");background-color:#f0250f;background-repeat:no-repeat;background-position:50%;border-color:#f0250f;background-size:60%;-webkit-box-shadow:0 4px 6px 0 rgba(240,37,15,.15);box-shadow:0 4px 6px 0 rgba(240,37,15,.15)}.nut-radio input:checked:not(:disabled).nut-radio-ani:after{-webkit-animation:nutPulse .25s;animation:nutPulse .25s}.nut-radio input:disabled{background-color:#dadada;border-color:#f6f6f6;-webkit-box-shadow:none;box-shadow:none}.nut-radio input:disabled:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8l2.5-2.5 5 4.5 10-9.5L20 3 8 15H7z' fill='%23999' fill-rule='evenodd'/%3E%3C/svg%3E")}.nut-radio.nut-radio-size-base input{width:19px;height:19px}.nut-radio.nut-radio-size-base .nut-radio-label{font-size:14px}.nut-radio.nut-radio-size-small input{width:16px;height:16px}.nut-radio.nut-radio-size-small .nut-radio-label{font-size:12px}.nut-radio.nut-radio-size-large input{width:22px;height:22px}.nut-radio.nut-radio-size-large .nut-radio-label{font-size:16px}