radio.css 969 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. uni-radio {
  2. -webkit-tap-highlight-color: transparent;
  3. display: inline-block;
  4. cursor: pointer;
  5. }
  6. uni-radio[hidden] {
  7. display: none;
  8. }
  9. uni-radio[disabled] {
  10. cursor: not-allowed;
  11. }
  12. .uni-radio-wrapper {
  13. display: inline-flex;
  14. align-items: center;
  15. vertical-align: middle;
  16. }
  17. .uni-radio-input {
  18. appearance: none;
  19. margin-right: 5px;
  20. outline: 0;
  21. border: 1px solid #d1d1d1;
  22. background-color: #ffffff;
  23. border-radius: 50%;
  24. width: 22px;
  25. height: 22px;
  26. position: relative;
  27. }
  28. @media (hover: hover) {
  29. uni-radio:not([disabled]) .uni-radio-input:hover {
  30. border-color: var(--HOVER-BD-COLOR, #007aff) !important;
  31. }
  32. }
  33. .uni-radio-input svg {
  34. color: #ffffff;
  35. font-size: 18px;
  36. position: absolute;
  37. top: 50%;
  38. left: 50%;
  39. transform: translate(-50%, -48%) scale(0.73);
  40. }
  41. .uni-radio-input.uni-radio-input-disabled {
  42. background-color: #e1e1e1;
  43. border-color: #d1d1d1;
  44. }
  45. .uni-radio-input.uni-radio-input-disabled svg{
  46. color: #adadad;
  47. }