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

テキスト入力が非表示か、表示されているがホバーに反応しない

score 3 · Accepted Answer

a入力を表示するためにホバーできるタグがありません...

#box1:hover input{display:block;}マウスをボックスに移動したときに表示されるように変更します。

border-color:black 4pxも無効です。境界線の色を設定する場合は、色とサイズではなく、色のみを指定できます。

これは、これらの両方が修正されたことを示すデモです。

score 1 · Accepted Answer

1

<a>あなたは持っていませんhtml。試す：div:hover input{display:block;}

于 2012-08-08T17:21:58.577 に答える

score 1 · Accepted Answer

1

CSSにこれを追加する必要があります

#box1:hover input{display:block;}

于 2012-08-08T17:23:24.843 に答える

score 1 · Accepted Answer

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

他の人が言ったように、aタグがないので、ターゲットも変更して:hoverください。

また、境界宣言を修正しました。

4 に答える 4