mui.checkbox.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. /*!
  2. * =====================================================
  3. * Mui v2.9.0 Checkbox (http://dev.dcloud.net.cn/mui)
  4. * =====================================================
  5. */
  6. /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
  7. .mui-table-view-cell.mui-checkbox input[type=checkbox],
  8. .mui-table-view-cell.mui-radio input[type=radio] {
  9. top: 8px
  10. }
  11. .mui-table-view-cell.mui-checkbox.mui-left,
  12. .mui-table-view-cell.mui-radio.mui-left {
  13. padding-left: 58px
  14. }
  15. .mui-checkbox,
  16. .mui-radio {
  17. position: relative
  18. }
  19. .mui-checkbox label,
  20. .mui-radio label {
  21. display: inline-block;
  22. float: none;
  23. width: 100%;
  24. padding-right: 58px
  25. }
  26. .mui-checkbox.mui-left input[type=checkbox],
  27. .mui-radio.mui-left input[type=radio] {
  28. left: 20px
  29. }
  30. .mui-checkbox.mui-left label,
  31. .mui-radio.mui-left label {
  32. padding-right: 15px;
  33. padding-left: 58px
  34. }
  35. .mui-checkbox input[type=checkbox],
  36. .mui-radio input[type=radio] {
  37. position: absolute;
  38. top: 4px;
  39. right: 20px;
  40. display: inline-block;
  41. width: 28px;
  42. height: 26px;
  43. border: 0;
  44. outline: 0!important;
  45. background-color: transparent;
  46. -webkit-appearance: none
  47. }
  48. .mui-checkbox input[type=checkbox][disabled]:before,
  49. .mui-radio input[type=radio][disabled]:before {
  50. opacity: .3
  51. }
  52. .mui-checkbox input[type=checkbox]:before,
  53. .mui-radio input[type=radio]:before {
  54. font-family: Muiicons;
  55. font-size: 28px;
  56. font-weight: 400;
  57. line-height: 1;
  58. text-decoration: none;
  59. color: #aaa;
  60. border-radius: 0;
  61. background: 0 0;
  62. -webkit-font-smoothing: antialiased
  63. }
  64. .mui-checkbox input[type=checkbox]:checked:before,
  65. .mui-radio input[type=radio]:checked:before {
  66. color: #007aff
  67. }
  68. .mui-checkbox label.mui-disabled,
  69. .mui-checkbox.mui-disabled label,
  70. .mui-radio label.mui-disabled,
  71. .mui-radio.mui-disabled label {
  72. opacity: .4
  73. }
  74. .mui-radio input[type=radio]:before {
  75. content: '\e411'
  76. }
  77. .mui-radio input[type=radio]:checked:before {
  78. content: '\e441'
  79. }
  80. .mui-checkbox input[type=checkbox]:before {
  81. content: '\e411'
  82. }
  83. .mui-checkbox input[type=checkbox]:checked:before {
  84. content: '\e442'
  85. }
  86. @font-face {
  87. font-family: Muiicons;
  88. font-weight: 400;
  89. font-style: normal;
  90. src: url(../../../fonts/mui.ttf) format('truetype')
  91. }
  92. .mui-icon {
  93. font-family: Muiicons;
  94. font-size: 24px;
  95. font-weight: 400;
  96. font-style: normal;
  97. line-height: 1;
  98. display: inline-block;
  99. text-decoration: none;
  100. -webkit-font-smoothing: antialiased
  101. }
  102. .mui-icon-checkbox:before,
  103. .mui-icon-circle:before {
  104. content: '\e411'
  105. }
  106. .mui-icon-checkbox-filled:before {
  107. content: '\e442'
  108. }