首页 > 代码库 > select标签移动端兼容
select标签移动端兼容
select选中事件用change,(用click会执行两次);
select标签对移动端的兼容:
.custom-selectselect{
width:100%; margin:0;
background:none;
border:1px solid transparent;
outline: none;/* Prefixed box-sizing rules necessary for older browsers */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;/* Remove select styling */ appearance: none;
-webkit-appearance: none;/* Font size must the 16px or larger to prevent iOS page zoom on focus *//* General select styles: change as needed */
font-family: helvetica, sans-serif;
font-weight: bold;
color:#444;
padding:.6em1.9em.5em.8em;
line-height:1.3;}
.custom-select::after{
content:"";
position: absolute;
width:0px;
height:0px;
top:50%;
right:8px;
margin-top:-4px;
border:8px solid #929497;
border-width:8px5px8px;
border-color:#929497 transparent transparent transparent;
z-index:2;
pointer-events:none;
}
select标签移动端兼容
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。