使用CSS / HTML

Question

是否有CSS或HTML属性可以在不按下时按下按钮？

我已经搜索了很多，但我能找到的所有内容都是使用按下效果创建自己的CSS按钮的提示。我正在寻找一种方法来保持标准HTML按钮（例如<button type="submit"></button>）处于按下状态直观。我不会尝试按下那个按钮并发射事件。

Answer 1

我认为你在这里混淆了一些东西。

首先，没有标准的HTML按钮。浏览器将根据其默认样式呈现无框架<button>foo</button>，这些样式在浏览器和操作系统上略有不同。有些浏览器甚至允许用户自定义它们。这就是CSS重置/规范化程序存在的原因。

可能有一种预设按钮状态的方法，但恕我直言，这没有任何意义。

您应该定义样式并将其用于按钮状态，而不是将状态设置为获得某种样式。

假设我们点击按钮的心理模型为绿色：

.always_clicked,
.always_clicked:active,
.always_clicked:hover {

  background: green;
  /* and the rest of our perception
   * of a clicked button
   * i.e. border-style:inset;
   *      inversed gradients ...
   */
}

<button class="always_clicked">NousSommesUnis</button>