select自定义小三角样式
admin
2023-08-01 13:42:52
0次

这段代码是网上大部分的解决办法，在这里总结一下：

让select透明，上面加一个span，来替换select框，可以自定义小三角样式，也可以做出select文字居中的效果。



    使用加息券或现金券 
    
        10元现金券
        20元现金券
        30元现金券
        40元现金券
    

.ui-select{
    width:75%;
    height:63px;
    line-height:63px;
    background-color:#ECAFB4;
    color:#fff;
    padding:0 30px;
    text-align: left;
    position: relative;
}select{
    width:100%;
    height:63px;
    line-height:33px;
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
}
//select监测option的值的变化，添加到span中
$(".ui-select select").change(function(){
   $(this).prev("span").html($(this).find("option:selected").val()+'');
})

   显示效果如图：

select自定义小三角样式


上一篇：Git 基本命令

下一篇：CSS 后台布局实例

相关内容

热门资讯

世界杯最大冷门是国际足联 “双... 世界杯最大冷门是国际足联　　【世界杯最大冷门是国际足联】2026年美加墨世界杯的赛场上，冷门与逆转固...
伊朗革命卫队指挥官：美以图谋在... 当地时间9日，伊朗伊斯兰革命卫队地面部队指挥官表示，美以此前曾在不同阶段计划在伊朗东南部和西北部建立...
为什么美国和伊朗陷入了针锋相对... 澎湃新闻记者 李怡彬停泊在霍尔木兹海峡附近的船只。视觉中国 图6月12日，美国和伊朗终于达成一项谅解...
空调排气怎么排 问题：空调排气怎么排回答：1、首先需要先将内外空调管道正常连接并紧固，紧固前最好弄点冷冻油涂抹于铜管...
中方回应日本组建“宇宙作战集团... 中方回应日本组建“宇宙作战集团”　　【中方回应日本组建“宇宙作战集团”】2026年7月9日，针对日本...
格力空气热水器显示E4为什么没... E4在热水器的故障代码中表示高温报警，一般是因为测温的反应迟钝而引起的故障报警。当出现这种情况时，说...
腾晨空气能热水器故障代码 作为一种新兴的节能环保热水器，腾晨空气能热水器在使用过程中也会遇到一些故障问题，需要及时排查和解决。...
生能空气能热水器07故障 空气能热水器是一款使用空气能源作为热源的热水设备，相比于传统的电热水器和燃气热水器，具有安全、环保、...
芬尼空气能热水器不能制热怎么回... 芬尼空气能热水器不能制热怎么回事1、保温水箱的水温低于设定温度的零下5℃，所以会导致芬尼空气能热水器...
工人坠亡近百万赔偿金无人继承：... 2025年7月31日，四川一处建筑工地上，47岁的钢筋工唐启勇在高处作业时意外踩滑坠落。同村的表哥，...