layui和weui结合手机端select表单底部选择和被遮挡的解决方案

在实际项目操作中,layui和weui相结合,共同来完成前端的展示。其中select表单遇见几个问题,现摘录如下:

底部选择

默认不添加任何样式表时,select表单会根据手机系统自动判断展示。安卓一般为弹出选择框,IOS系统一般为底部选择。
layui和weui结合手机端select表单底部选择和被遮挡的解决方案_第1张图片

被遮挡

layui和weui结合手机端select表单底部选择和被遮挡的解决方案_第2张图片
解决方案,select所在父级添加自建CSS样式style="overflow:visible;"

layui和weui结合手机端select表单底部选择和被遮挡的解决方案_第3张图片
lockdatav Done!

你可能感兴趣的:(layui)