Question

这个是哪里错了。css让display：none重新显示失败了

我要让鼠标悬浮在边框里就会把表单重新显示。js没学。或者简单的办法





Answer 1

你这种场景不适合用display:none来隐藏元素，因为隐藏了就相当于消失了，鼠标移到上面是没有任何反应的。要用visibility:hidden：

首先，你应该把这些select都放到一个div里，比如：

<div class="selbox">
    <select>
        <option value="">场合</option>
    </select>
    <select>
        ...其他略
</div>

然后css中这样：

.selbox select {visibility:hidden}
.selbox:hover select {visibility:visible}