body, div { margin: 0; padding: 0; } .ui-slider-wrap { background: #e8e8e8; position: relative; } .ui-slider-wrap .ui-slider-bg { width: 0; } .ui-slider-wrap .ui-slider-btn { position: absolute; top: 0; left: 0; cursor: move; text-align: center; border: 1px solid #ccc; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .ui-slider-wrap .ui-slider-btn { background: #fff url(../images/slider.png) no-repeat center; } .ui-slider-wrap .ui-slider-btn.success { background-image: url(../images/success_ok.png); } .ui-slider-wrap .ui-slider-text { width: 100%; height: 100%; font-family: "微软雅黑"; text-align: center; position: absolute; top: 0; left: 0; color: #666; } .ui-slider-wrap .ui-slider-no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }