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

它似乎对我不起作用！

的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;
}

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

最佳答案

您没有可以滚动显示输入内容的a标记...

将其更改为#box1:hover input{display:block;}，以便在将鼠标移到框中时显示。

border-color:black 4px也是无效的。如果要设置边框颜色，则只能为其指定颜色，而不能指定颜色和大小。

这是一个demo，显示所有已修复的问题。

关于css - 如何在悬停时显示不可见的文本输入框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11869805/