Question

我需要一个白色的框，当单击该按钮时，该文本框下方会出现灰色边框。下拉菜单会说5到10行文本，这会使浏览器顶部的URL的外观和感觉下降。

我可以用div做这个吗？

<script> function $(id) { return document.getElementById(id); } </script>
<input name="media" id="media" type="text" />
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/>

<div id="keypad" onmouseout="$('keypad').style.display='none'" style="display:none; background:#FFF; vertical-align:top;">
    Canvas
    Steel
    Vinyl
    Paper
</div>

Answer 1

使用CSS简单下载：

<div id="mine">
  <ul id="nav">
    <li>some title here
      <ul>
        <li>Discription about the title</li>
        <li>as many as you like</li>
      </ul>
    </li>
  </ul>
</div>

和CSS文件：

#nav    {margin: 0;
 padding: 7px 6px 0;
 line-height:100%;}

 #nav ul    {display: none;
 margin: 0;
 padding: 0;
 width:200px;
 position:absolute;
 left:0;
 z-index:2;}

 #nav li:hover > ul  {display: block;}

当然，可以使用CSS轻松定制。

需要“可编辑的下拉列表”

1 个答案: