jquery.slider.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. body,
  2. div {
  3. margin: 0;
  4. padding: 0;
  5. }
  6. .ui-slider-wrap {
  7. background: #e8e8e8;
  8. position: relative;
  9. border-radius: 20px;
  10. overflow: hidden;
  11. }
  12. .ui-slider-wrap .ui-slider-bg {
  13. width: 0;
  14. }
  15. .ui-slider-wrap .ui-slider-btn {
  16. position: absolute;
  17. top: 0;
  18. left: 0;
  19. cursor: move;
  20. text-align: center;
  21. background: #fff;
  22. -webkit-box-sizing: border-box;
  23. -moz-box-sizing: border-box;
  24. -ms-box-sizing: border-box;
  25. -o-box-sizing: border-box;
  26. box-sizing: border-box;
  27. }
  28. .ui-slider-wrap .ui-slider-btn {
  29. background: #fff url(../img/slider.png) no-repeat center;
  30. }
  31. .ui-slider-wrap .ui-slider-btn.success {
  32. background-image: url(../img/success.png);
  33. }
  34. .ui-slider-wrap .ui-slider-text {
  35. width: 100%;
  36. height: 100%;
  37. font-family: "微软雅黑";
  38. text-align: center;
  39. position: absolute;
  40. top: 0;
  41. left: 0;
  42. color: #666;
  43. }
  44. .ui-slider-wrap .ui-slider-no-select {
  45. -webkit-user-select: none;
  46. -moz-user-select: none;
  47. -ms-user-select: none;
  48. -o-user-select: none;
  49. user-select: none;
  50. }