css:表单字段元素的焦点转换

时间:2011-11-14 19:31:44

标签: css

我有一个表单,我使用:hover状态(没有JavaScript)使用css转换变得完全不透明

#containerDiv hover:#myForm{etc}

我希望当用户将光标置于任何表单字段:focus内时,即使鼠标不再悬停在表单上时,状态也会保留。但是,我无法找到正确的语法来实现这一目标。

#containerDiv #myForm ??? focus:MyFormElement{etc}

我怀疑这可能只能使用JavaScript,因为级联顺序。但是,我不想使用JavaScript来做到这一点来保持清晰。

1 个答案:

答案 0 :(得分:1)

为您的表单和焦点元素提供与此相同的css值

#containerDiv #myForm:hover , #containerDiv #myForm:hover MyFormElement:focus {etc}

伪选择器追踪上面演示的元素