如何使用CSS关注HTML输入

我有以下HTML结构：

<span id="span_pagination_text_input">
     <input type="text" class="form-control" id="pagination_text_input" name="pagination_text_input"/>
     ...
</span>

此时，当访问者将鼠标悬停在我的

span

上时，我将显示默认情况下隐藏的

input

字段

当我用CSS显示

input

时，我如何将注意力集中在

span

的子项上

---

我知道jQuery，但目前我正在寻找CSS解决方案。

我认为仅使用CSS是不可能的。你可以试试javascript

document.getElementById("IdOfInput").focus();

---

：-）

您可以通过使用HTML5现在允许在所有元素中使用的

tabindex

以及

：focus

，来伪造

显示：none

使用

边框：0

输入{
边界：0；
宽度：57px；
z指数：10；
文本对齐：居中
}
span：焦点输入{
边框：5px纯红；
过渡：边界。1s
}
输入：焦点{
边框：5px纯绿色；
}

点击我

你不能在CSS中这样做。你可以使用类似CSS的输入：focus{background color:yellow；}或使用我正在寻找一个不使用jQuery和Javascript的解决方案。那么我认为CSS不是解决方案

document.getElementById("IdOfInput").focus();