css.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. #mycheckbox {
  2. }
  3. #mycheckbox label {
  4. display: inline-block;
  5. margin: 10px 20px;
  6. line-height: 16px;
  7. font-size: 14px;
  8. }
  9. .mycheckbox label {
  10. display: inline-block;
  11. margin: 10px 20px;
  12. line-height: 16px;
  13. font-size: 14px;
  14. }
  15. a, button, input, textarea {
  16. -webkit-tap-highlight-color: rgba(255,0,0,0);
  17. -moz-tap-highlight-color: rgba(255,0,0,0);
  18. outline: none;
  19. }
  20. input[type=checkbox] {
  21. -webkit-appearance: none;
  22. width: 16px;
  23. height: 16px;
  24. border: 1px solid #ddd;
  25. border-radius: 4px;
  26. vertical-align: middle;
  27. margin: 0;
  28. }
  29. input[type=checkbox]:before {
  30. content: ' ';
  31. }
  32. input[type=checkbox]:checked {
  33. background: #4483bd;
  34. border: 1px solid #4483bd;
  35. }
  36. input[type=checkbox]:checked:before {
  37. content: '';
  38. width: 4px;
  39. height: 8px;
  40. border-bottom: 2px solid #fff;
  41. border-right: 2px solid #fff;
  42. transform: rotate(45deg);
  43. display: block;
  44. margin-left: 4px;
  45. margin-top: 1px;
  46. }
  47. .choose {
  48. border-bottom: 1px solid #e5e5e5;
  49. }
  50. .mybtn {
  51. background: #4483BD;
  52. border: none;
  53. padding: 5px 10px;
  54. color: #fff;
  55. margin: 10px;
  56. border-radius: 4px;
  57. }