javascript - 专注于输入的 fieldset-css

Question

我有一些字段集，每个字段集都有几个输入字段。

我现在要做的是将 css 样式应用于“事件”字段集。

我所说的“活跃”是指字段集的输入元素之一得到了关注。

fieldset:hover{
    opacity: 1;
    -webkit-box-shadow:  0px 0px 20px 0px rgba(100,100,100, 0.4);
    box-shadow:  0px 0px 20px 0px rgba(100,100,100, 0.4);
}

此样式仅在我用鼠标悬停该字段时应用。但是，当我在文本框中插入内容时，鼠标位于其他位置时，我希望应用相同的 css 规则。

这在 css/css3 中可行吗？还是有比为每个输入字段制作“onfocus”、“focusout()”更好的方法？

Answer 1

css3做不到，只有javascript可以做到。你可以在 jQuery 中尝试类似的东西

$(".inputTextField").on("click",function(){
   $(this).parent().addClass("active");
});

你必须像这样放置你的 CSS :

.active {
// Css Code
}