安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决

今天遇到个让人崩溃的问题：

平台：

安卓 4.0

描述：

使用 appcan 开发 hybrid 应用，手机上点击下拉选框按钮无法弹出选择面板。

说明：

发现 webkit 内核 position:fixed; 和HTML的 select 标签有冲突，

只要 select 区域上(上方都不用说了被遮盖了肯定无效)或下方存在 固定定位 fixed 不论 z-index 层高为-1还是其它 都不会触发选项面板，但是click 和touch事件却依然可以触发。

搞了TMD一天，试了N多办法没想到却是个不起眼的css的问题，

由于之前开发手机用的是安卓 2.3 一直都没发现问题，另外 background:fixed 似乎无效，所以才使用了 fixed 层定位在最底部，现在没办法了只能去掉啦

时间： 2025-01-19 19:27:12

安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决的相关文章

BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案_javascript技巧

最近学到Bootstrap下拉菜单,学懂了教程内容之后自己敲一个点击按钮底下弹出下拉菜单的小demo,写完代码发现运行之后点击按钮没反应,下拉菜单弹不出来,对照教程感觉代码没错. 我的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <link rel="

javascript中select下拉框的用法总结_javascript技巧

本文针对开发项目中遇到的问题,进行了汇总问题1:如何选择select的option里面的值? 首先会用到一个方法 onchange():这个方法主要用于触发,选择框内容改变时间 实现代码: <!doctype html> <html> <head lang="en"> <meta charset="UTF-8"> </head> <body> <select onchange="

js中select下拉框常用操作方法

js 操作select和option 1.动态创建select  代码如下 复制代码      function createSelect(){ var mySelect = document.createElement_x("select");           mySelect.id = "mySelect";           document.body.appendChild(mySelect);       } 2.添加选项option  代码如下 复

javascript中select下拉菜单常见处理方法

一个小例子:  代码如下 复制代码 <form name="selectform" > <select name="test" id="t" onchange="change()" >  <option value="1" label="第一" selected="selected">第一</option>  <o

jquery中select下拉框按首字母或拼音筛选

 代码如下 复制代码 <html> <head>     <title>列表筛选</title> <script type="text/javascript" src="jQuery19.js"></script> <script type="text/javascript" ></script> <script type="text/

javaweb-jsp 页面select下拉框中的值传入到后台action中

问题描述 jsp 页面select下拉框中的值传入到后台action中 <select id=""type"" onchange=""findByType()""> <option>活动类型</option> <s:iterator value=""list"" var=""t""> <opti

安卓应用开发-安卓点击下拉按钮弹出编辑界面布局，这种布局叫什么名字

问题描述 安卓点击下拉按钮弹出编辑界面布局,这种布局叫什么名字 不是spinner那种.开发-安卓点击下拉按钮弹出编辑界面布局,这种布局叫什么名字-点击按钮弹出下拉菜单"> 解决方案 http://www.javaapk.com/source/6170.html

uc浏览器-手机UC浏览器 select下拉框内容被遮挡，不能正常显示，求解决。

问题描述 手机UC浏览器 select下拉框内容被遮挡,不能正常显示,求解决. <div class="col-xs-10 col-xs-offset-1 form-box"> <div class="form-content"> <form> <div class="form-group"> <label class="sr-only">学校</label&g

js实现可输入可选择的select下拉框_javascript技巧

本文实例为大家分享了可输入可选择的select下拉框,供大家参考,具体内容如下 1.原理: 1.1将input输入框和select框合并在一起,但是显示出向下点击的按钮: 这种比较容易做到 1.2出现输入值能够自动匹配的功能 动态的加载一个临时的div出现在该input下方,当点击页面中的空白地方,div隐藏. 1.3代码: <!doctype html> <html lang="en"> <head> <meta charset="