RadioButton-compat.css 910 B

123456789101112131415161718192021222324252627282930313233
  1. /* dojox.mobile.RadioButton */
  2. .mblRadioButton {
  3. background-image: url(compat/button-bg.png);
  4. -moz-border-radius: 0.5em;
  5. -o-border-radius: 0.5em;
  6. -ms-border-radius: 0.5em;
  7. border-radius: 0.5em;
  8. -moz-appearance: none;
  9. -o-appearance: none;
  10. -ms-appearance: none;
  11. appearance: none;
  12. -o-transform: translateY(0.45em);
  13. -ms-transform: translateY(0.45em);
  14. transform: translateY(0.45em);
  15. }
  16. .mblRadioButtonChecked,
  17. .mblRadioButton:checked {
  18. background-image: url(compat/togglebutton-chk-bg.png);
  19. }
  20. .mblRadioButtonChecked::after,
  21. .mblRadioButton:checked::after {
  22. -moz-transform: rotate(45deg);
  23. -o-transform: rotate(45deg);
  24. -ms-transform: rotate(45deg);
  25. transform: rotate(45deg);
  26. -moz-transform-origin: 50% 50%;
  27. -o-transform-origin: 50% 50%;
  28. -ms-transform-origin: 50% 50%;
  29. transform-origin: 50% 50%;
  30. }
  31. .mblRadioButtonChecked.mblRadioButtonSelected {
  32. background-image: url(compat/button-sel-bg.png);
  33. }