Rumah > hujung hadapan web > html tutorial > 用css实现输入和选择效果,但IE11发现没有效果,select挡住了input框_html/css_WEB-ITnose

用css实现输入和选择效果,但IE11发现没有效果,select挡住了input框_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-21 09:03:04
asal
1280 orang telah melayarinya

用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>
Salin selepas log masuk


回复讨论(解决方案)

不知道你为什么要哪样写


目的支持输入和选择,类似combox

还有别用document.all了,要用document.getElementById("")

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan