<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.sel {
position: relative;
width: 100px;
}
select {
-webkit-appearance: none;
/*兼容苹果手机*/
border: 1px solid #EBEBEB;
width: 100px;
height: 25px;
line-height: 25px;
/*防止紧紧靠在边上*/
text-indent: 2px;
background-color: transparent;
}
.jt {
display: inline-block;
position: absolute;
right: 2%;
top: 10px;
height: 20px;
width: 15px;
background-image: url(jiant.png);
background-size: 150%;
background-position: center -10px;
z-index: -1000;
}
</style>
</head>
<body>
<div class="sel">
<select>
<option>选择时间段</option>
<option>07:30-08:30</option>
<option>08:30-09:30</option>
<option>09:30-10:30</option>
<option>10:30-11:30</option>
<option>11:30-12:30</option>
<option>13:30-14:30</option>
<option>14:30-15:30</option>
<option>15:30-16:30</option>
<option>16:30-17:31</option>
</select>
<span class="jt"></span>
</div>
</body>
</html>
