热搜:NVER node 开发 php

请问这个下拉列表提示怎么可以让所有的项都遮住_html/css_WEB-ITnose

2024-11-23 23:30:01
请问这个下拉列表提示怎么可以让所有的项都遮住_html/css_WEB-ITnose

输入框提示列表效果  您属于:            
  • China
  • USA
  • China
  • USA
  • China
  • USA
  • China
  • USA
  • China
  • USA
  • China
  • USA
性别:
学历:
  • 专科
  • 本科
  • 研究生


第一项的china 和USA 如何使所有的项都有背景,而又部导致后面的性别与学历移位


回复讨论(解决方案)

输入框提示列表效果  您属于:            
  • China
  • USA
  • China
  • USA
  • China
  • USA
  • China
  • USA
  • China
性别:
学历:
  • 专科
  • 本科
  • 研究生


你试试,记得闭合css,不然会出问题的.另外你可以在输入框设置一个默认值.



上面这样注释CSS是错的。

要像下面这样注释才可以。。。。。。

/*body{background:#fff}.Menu {position:relative;width:120px;height:80px;z-index:1;background: #EEE;border:1px solid #666;margin-top:-100px;display:none;}.Menu2 {position: absolute;left:0;top:0;width:100%;height:auto;overflow:hidden;z-index:1;}.Menu2 ul{margin:0;padding:0}.Menu2 ul li{width:100%;height:25px;line-height:25px;text-indent:15px;border-bottom:1px dashed #999;color:#333;cursor:pointer;z-index: 1000;background-color: #79CDCD;} change:expression(  this.onmouseover=function(){    this.style.background="#f5f5f5";  },  this.onmouseout=function(){    this.style.background="";  } )}input{width:120px}.form{width:120px;height:auto;}.form div{position:relative;top:0;left:0;margin-bottom:5px}#List1,#List2,#List3{left:0px;top:93px;}*/

你注释掉css好像要出问题,那个li就隐藏不起来了,所以还是保留css,你自己调下

你注释掉css好像要出问题,那个li就隐藏不起来了,所以还是保留css,你自己调下



是哦。

现在还有个问题是Menu 的边框没有把Menu2的铺满


你注释掉css好像要出问题,那个li就隐藏不起来了,所以还是保留css,你自己调下



是哦。

现在还有个问题是Menu 的边框没有把Menu2的铺满



.Menu {position:relative;width:120px;height:100px;z-index:1;background: #EEE;margin-top:-100px;display:none;}.Menu2 ul{margin:0;padding:0;border:1px solid #666;}


更新这两个css