去掉select 默認樣式(ios)
阿新 • • 發佈:2018-10-30
option doctype lock enter type pan code ack css
<!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>
去掉select 默認樣式(ios)