<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>select下拉CSS美化代码兼容移动端和pc端</title> <style type="text/css"> .mySelect-d{margin-top:0px;outline:none;border:1px solid #BBBBBB;border-radius:4px;position:relative;} .mySelect-s{height:40px;-webkit-appearance:none;appearance:none;border:none;font-size:18px;padding:0px 10px;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #FFFFFF;color:#333333;border-radius:4px;} </style> </head> <body> <div class="mySelect-d"> <select class="mySelect-s"> <option>--预约日期--</option> <option>--预约日期--</option> <option>--预约日期--</option> <option>--预约日期--</option> <option>--预约日期--</option> <option>--预约日期--</option> </select> </div> </body> </html> 提示：你可以先修改部分代码再运行。 转载请注明：有爱前端 » select下拉CSS美化代码兼容移动端和pc端 喜欢 (0)or分享 (0)
