这个代码是互联网上大多数的解决方案。这里总结一下:
使选择透明,并添加一个范围来替换选择框。您可以自定义小三角形样式,并使选择文本居中。
div class=' ui-select ' span使用利率提升券或现金券I class=' icon-down mar 10 '/I/span select name=' ID=' Option value=' 10元现金券' 10元现金券/Option option value='20元现金券' 20元现金券/option option value='30元现金券' 30元现金券/option option value='40元现金券/Option/select/div . ui-select { width :75 };height:63px线高:63 px;背景-color : # ecafb 4;color: # fffpadding:0 30px文本-左对齐:相对位置:}选择{ width :100%;height:63px线高:33 px;opa city 3360 0;绝对位置:top:0left:0}/*小三角形图标*/。图标向下{显示:内嵌块;宽度:30 px;height:16px背景: url('./image/new WAp/WAPiCons . png ')-168px-96px无重复;}$('.用户界面-选择选择')。change(function(){ $(this))。prev('span ')。html($(this)。查找(' option:selected ')。val()' I class=' icon-down lmar 10 '/I ');})//选择监控选项值的变化,添加到span显示效果,如图:
以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助。有问题可以留言交流。感谢大家的支持!