Home > Article > Web Front-end > 用css实现输入和选择效果,但IE11发现没有效果,select挡住了input框_html/css_WEB-ITnose
用css实现输入和选择效果,但IE11发现没有效果,select挡住了input框_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:03:041197browse
用css实现输入和选择效果,但IE11发现没有效果,select挡住了input框,IE8都正常,input在上面
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>会议登记</title></head><body><form name="form"><table border="1" cellspacing="0" width="550" cellpadding="0" class="bgcolor" align="center"> <tr> <td width="5" class="outtd"></td> <td width="540" class="inner_0" class="outtd"> <table border="1" cellspacing="3" width="540" cellpadding="3" style="border-collapse: collapse" class="innertable" align="center"> <tr class="inner_1"> <td width="100" align="center" height="20">会议名称</td> <td width="440" height="20" colspan="3"><input name="MeetingTopic" type="text" value="" style="WIDTH:428px"><font color="red">*</font></td> </tr> <tr class="inner_1"> <td width="100" align="center" height="20">牵头单位</td> <td width="170" height="20"><input type="text" name="LeadDepart" style="FONT-SIZE:10pt;WIDTH:110px;HEIGHT:19px" alt="可输入可下拉选择，建议下拉后选择"><span style="WIDTH:18px"><SELECT style="MARGIN-LEFT: -110px; WIDTH: 127px; BACKGROUND-COLORx: #ffeeee" onchange="document.all.LeadDepart.value=this.value;" name="LeadDepart00"><option value="" style="background-color:LightGreen">----自己部门专业组----</option><option value="安全部">安全部</option><option value="办公室">办公室</option><option value="保卫部">保卫部</option><option value="总经理室">总经理室</option></SELECT><font color="red">*</font></span><br><font color="blue">可输入可下拉选择，建议选择</font></td> <td width="100" align="center" height="20">会议地点</td> <td width="170" height="20"><input type="text" name="MeetingRoom" style="FONT-SIZE:10pt;WIDTH:130px;HEIGHT:19px" alt="可输入可下拉选择，建议下拉后选择"><span style="WIDTH:18px"><SELECT style="MARGIN-LEFT: -130px; WIDTH: 147px; BACKGROUND-COLORx: #ffeeee" onchange="document.all.MeetingRoom.value=this.value;" name="MeetingRoom00"><option value="">---------------</option><option value="1102会议室">1102会议室</option><option value="1201会议室">1201会议室</option><option value="1301会议室">1301会议室</option><option value="2201会议室">2201会议室</option><option value="3102会议室">3102会议室</option><option value="3208会议室">3208会议室</option></SELECT><font color="red">*</font></span><br><font color="blue">可输入可下拉选择，建议选择</font></td> </tr> </table> </td> <td width="5" class="outtd"></td> </tr> <tr> <td width="5" class="outtd"></td> <td width="540" class="outtd"> <div align="center"> <input type="submit" name="Submit" idx="subreset1" class="btnApply" value="提交[S]" accesskey="S"> <input type="button" name="close" idx="subreset2" class="btnClose" value="关闭[C]" accesskey="C" onclick="frameElement.api.close()"> </div> </td> <td width="5" class="outtd"></td> </tr> </table> </form></body></html>
回复讨论(解决方案)
不知道你为什么要哪样写
目的支持输入和选择，类似combox
还有别用document.all了，要用document.getElementById("")
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：字体大小_html/css_WEB-ITnoseNext article：添加跳转链接_html/css_WEB-ITnose