53 lines
832 B
CSS
53 lines
832 B
CSS
|
|
||
|
#slider {
|
||
|
margin: 20px auto;
|
||
|
width: 200px;
|
||
|
height: 40px;
|
||
|
position: relative;
|
||
|
border-radius: 5px;
|
||
|
background-color: #dae2d0;
|
||
|
overflow: hidden;
|
||
|
text-align: center;
|
||
|
user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
-webkit-user-select: none;
|
||
|
}
|
||
|
|
||
|
#slider_bg {
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
height: 100%;
|
||
|
background-color: #7AC23C;
|
||
|
z-index: 1;
|
||
|
}
|
||
|
|
||
|
#label {
|
||
|
width: 46px;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
height: 38px;
|
||
|
line-height: 38px;
|
||
|
border: 1px solid #cccccc;
|
||
|
background: #fff;
|
||
|
z-index: 3;
|
||
|
cursor: move;
|
||
|
color: #ff9e77;
|
||
|
font-size: 16px;
|
||
|
font-weight: 900;
|
||
|
}
|
||
|
|
||
|
#labelTip {
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
font-size: 13px;
|
||
|
font-family: 'Microsoft Yahei', serif;
|
||
|
color: #787878;
|
||
|
line-height: 38px;
|
||
|
text-align: center;
|
||
|
z-index: 2;
|
||
|
}
|