自定义select样式

mac2022-06-30  65

1.更改select样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>select</title> <style> select { appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(./img/arrow.jpg) no-repeat right center; padding-right:14px; width:148px; height:30px; border:1px solid #ccc; color:#999999; } </style> </head> <body> <select class="info-select"> <option selected="selected">1 </option> <option>2</option> </select> </body> </html> View Code

2.option样式更改

 

转载于:https://www.cnblogs.com/QIQIZAIXIAN/p/7593172.html

相关资源:jquery html自定义select下拉框,下拉框美化
最新回复(0)