仅在触控设备上使用CSS将样式应用于按下时的按钮

nwlls2ji 于 2022-11-27 发布在其他

关注(0)|答案(3)|浏览(163)

是否可以仅使用CSS在触控设备上设置按钮样式？
我知道:hover可以添加样式，但是当用户按下关闭按钮并转到页面背景时，我无法删除样式。
有没有一个只支持CSS的解决方案，或者我需要深入研究JavaScript？

css

来源：https://stackoverflow.com/questions/55336138/apply-a-style-to-a-button-when-pressed-using-css-only-on-touch-devices

3条答案

按热度按时间

enyaitl31#

您可以使用:focus
第一个
尝试

<body ontouchstart="">
    ...
</body>

Source

赞(0）回复(0）举报 2022-11-27

quhf5bfb2#

试试这个：

body::after{ content: "I don't know what you are using to click" }

@media (pointer: coarse) {
  body { background: crimson }
  body::after{ content: "Your primary input mechanism is a finger" }
}

@media (pointer: fine) {
  body { background: goldenrod }
  body::after{ content: "Your primary input mechanism is a mouse" }
}

赞(0）回复(0）举报 2022-11-27

643ylb083#

使用:active。
第一个
请不要使用:focus来表示按下状态。它是用来选择元素的，例如，使用Tab键。

赞(0）回复(0）举报 2022-11-27