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
}