如何在悬停时显示不可见的文本输入框？

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，显示了这两个问题。

Answer 2

<a>中没有html。尝试：div:hover input{display:block;}

Answer 3

在你的CSS中

你需要添加这个

#box1:hover input{display:block;}

Answer 4

 #box1 { 
    width:100px;
    height:100px;
    border:4px solid black;
}
 input {display:none;}
 #box1:hover input{display:block;}​

正如其他人提到的那样，您没有a标记，因此也要更改:hover的目标。

还修复了边界声明。

http://jsfiddle.net/XZvHh/