Html 当div内的输入具有焦点时，保持div显示

我有一个

div

元素，里面有

input

。现在，这个

div

上有

display:none

属性。现在，当我显示

div

时（通过将鼠标悬停在我站点上的另一个元素上，这里不重要），我现在可以在

输入

元素中放置一些文本。但是当我把注意力集中在

输入上时，我不小心将鼠标移出
div
元素，这个
div
元素就消失了。当
输入
具有焦点时，无论鼠标在何处，我是否有可能保持我的
div
元素显示

编辑：编辑Sergio的示例后，我面临的问题是：（尝试在该输入字段中键入内容，然后将鼠标移开）
使用
input:focus{display:block；}


只有CSS

<div>
   <input type="text"/>
</div>

如果要设置父级
div
的样式，可以在CSS4中使用。到目前为止，这里有一个javascript解决方案：

div:hover input {
    display:block;
}
input:focus {
    display:block;
}
input {
    display:none;
}

var inp=document.getElementsByTagName（'input'）；
对于（变量i=0；i

您是否使用javascript显示
div
？很有可能。另外，你能把“不重要”部分和mouseout事件一起展示吗？不，我不想使用任何javascript。对不起，我花了这么长时间，你能看看这个：
http://jsfiddle.net/2thMQ/1/
？我的问题更像这个例子。无论如何，感谢您的示例：）@ojek，您需要的是一个“父”选择器。该功能仅在CSS4中可用。您可以在这里阅读：因此，我的解决方案是不使用javascript的可能解决方案。您需要javascript的帮助吗？不客气。顺便说一句，javascript可能是这样的：
var inp = document.getElementsByTagName('input');
for (var i = 0; i < inp.length; i++) {
    inp[i].onfocus = function(){ this.parentNode.style.display='block';}
    inp[i].onblur = function(){ this.parentNode.style.display='none';}
};