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

nwlls2ji  于 2022-11-27  发布在  其他
关注(0)|答案(3)|浏览(162)

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

enyaitl3

enyaitl31#

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

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

Source

quhf5bfb

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" }
}
643ylb08

643ylb083#

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

相关问题