输入 [type="submit"]:select CSS 不起作用

Posted 2023-05-07

【中文标题】输入 [type="submit"]:select CSS 不起作用

【英文标题】：input[type="submit"]:select CSS is not working

【发布时间】：2012-06-11 19:36:08

【问题描述】：

我有一个 .css 样式表，其中包含我的输入类型按钮的样式，如下所示。

input[type="submit"]
input[type="submit"]:hover
input[type="submit"]:focus

以上三个工作，但input[type="submit"]:select 不工作。我什至试过:selected。 :visited、:link等是否适用于<input type="button" />和<input type="submit" />？

请帮助我如何让input[type="submit"]:select 工作

【问题讨论】：

听起来你得到 :select 作为一个 CSS 选择器与一个 jQuery 选择器混合在一起（实际上是 :selected）。

你认为:select可能/应该做什么？

选择/选择是什么意思？

selected 不是 css 选择器。它是 jquery 选择器。

嗨，我正在尝试对按钮单击或提交事件产生影响。就像您单击按钮一样，用户会通过更改按钮的背景来感觉到按钮被单击。我可以在没有 JQuery 的情况下完成它，因为我不希望 html 页面中有任何代码。我想要的唯一代码只是在 .css 文件中。按钮是否有访问过的事件，如超链接？可能不对？无论如何，我想要选择的事件。请帮忙

【参考方案1】：

因为:select 不是有效的 CSS 伪类。

【参考方案2】：

阅读CSS2 Pseudo-Classes spec 和CSS3 Pseudo-Classes spec，您会发现： 没有像你描述的那样的伪类。

你的意图是什么？你想设计什么风格，你想什么时候应用这种风格？也许您正在寻找:active pseudo-class？

:active 伪类在用户激活元素时应用。例如，在用户按下鼠标按钮并释放它的时间之间。