javascript - 是否有与 html 元素中的 onclick 等效的 css？

Question

<分区>

Answer 1

如果你想纯粹通过 css 来做，你必须使用 :active 或者 :focus:

div:hover  { color: red; }  /* mouse-over */
div:active { color: red; }  /* mouse-down (this cause also focus) */
input:focus{ color: red; }  /* got focus (by tab key or mouse-down) */

/* for <a> element: */
a:link    { color: red; } /* unvisited links */
a:visited { color: red; } /* visited links */

注意: :active 在用户释放鼠标按钮后不会永久保留不获取焦点的元素(如 div)，但它适用于元素，如文本输入或按钮。有一个名为 "Checkbox Hack" 的解决方法您在其中使用连接的标签和复选框输入以及您试图控制的其他一些元素..

此外，如果你想更改 css 类或内联样式，你可以执行以下操作:

 <div onclick="this.style['border'] = '2px solid red';">Click me</div>