首页 > 代码库 > select
select
select样式非常难看,在PC端通常就自己仿一个了,但是在移动端,select的使用方法还是不错的,所以写一个假的按钮,在点击它的时候展开select去选择内容是个不错的方法。
先看下京东触屏版的地址编辑页面(截图来自PC)
做法很简单,省份后面显示的文字怎么实现都成,需要做到的就是select正好覆盖在省份后的北京二字上面,然后opacity:0。当透明度为0的时候,select里的option并不会透明,因此这事儿就算办妥了。
如果是input:fiel 还可以使用另一种方法
假设假按钮id为btn,fiel的id为myfiel
$("#btn").click(function (){
$("#myfiel").click();
})
这样就可以打开fiel了。但这个方法对于select元素没法使用。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。