
如图所示.现在点击每个单元左侧部分会展开selec.而点击右侧蓝色区域是无任何效果的.
dom结构大概如此
label配合input可以做到点击label的时候.相对应的input会获得焦点.
但label跟select配合似乎是无效的.
现使用zepto做移动开发.
如何在点击/触击标签的时候.让对应的select展开呢?
或者是我实现方式有问题?css3是否直可以直接实现此效果?
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
移动端只考虑webkit的话可以尝试纯样式解决。(没测兼容)
参考 chrome://resources/css/widgets.css 里的select样式 ,
-webkit-appearance: none;
后就可以定制select的style了
具体效果可以看 Chrome设置界面 - 清除浏览数据