css - 如何使不可见的文本输入框在悬停时可见？

Question

它似乎对我不起作用!

HTML

 <div id="box1">
     <form action="">
         <input type="string" name="htmlcode" />
     </form>
 </div>

CSS

#box1 {
    width:100px;
    height:100px;
    border-color:black 4px
}
input {
    display:none;
}
a:hover input{
    display:block;
}

文本输入不可见，或者可见但不响应悬停

Answer 1

您没有可以悬停以显示输入的 a 标签...

将其更改为 #box1:hover input{display:block;} 这样当您将鼠标移入框中时它就会显示。

border-color:black 4px 也是无效的。如果要设置边框颜色，只能给它一个颜色，不能给颜色和大小。

这是一个 demo显示这两个问题都已修复。