select做placeholder效果 并且自定义按钮样式

<div style="position: relative;"><select id="comScale"><option disabled selected data-key="-1">--请选择--option><option data-key="">无选择option><option data-key="04">微型option><option data-key="03">小型option><option data-key="02">中型option><option data-key="01">大型option>select><div class="select-right">div>
div>

select {position: relative;width: 180px;height: 42px;background: rgba(159, 164, 174, 0);border: 1px solid #D8DCE5;border-radius: 4px;margin-right: 10px;padding-left: 10px;appearance: none;box-sizing: border-box;color: #999;
}option[disabled] {color: #ddd !important;cursor: no-drop;
}option {color: #333 !important;
}.select-right {position: absolute;top: 45%;right: 35px;transform: translateY(-35%) rotate(45deg);width: 8px;height: 8px;border: 1px solid #BDC1CF;border-left: 0px;border-top: 0px;z-index: 9999;/*  */pointer-events: none;
}

$('select').change(function() {$(this).css('color', '#333');
})

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！