如何使用CSS在点击时更改iOS按钮样式

How to change iOS button style on tap with CSS

提问人:lukaskupfing 提问时间:11/17/2023 最后编辑:lukaskupfing 更新时间:11/18/2023 访问量:25

问:

我试图在按下按钮时摆脱默认按钮样式。非活动,它看起来像这样:

enter image description here

在点击时,它看起来像这样:

enter image description here

边框在单击后略微出现,不久消失,并在一瞬间消失。但是,我无法将其删除。代码如下所示:

HTML格式:

<button>This is a button</button>

CSS:

button:active {
  border: none !important;
  background: none !important;
}

由于边框在点击后略微出现,因此它不能以 为目标是有道理的。删除所有点击反馈的正确方法是什么?button:active

HTML CSS IOS的

评论


答:

0赞 Mahmudul Amin Fahim 11/18/2023 #1
button:focus {
  border: none !important;
  background: none !important;
}

评论

0赞 lukaskupfing 11/18/2023
谢谢你的建议。虽然不起作用。编辑:试图澄清我的问题
0赞 lukaskupfing 11/18/2023 #2

找到了解决方案,以防有人遇到同样的问题:

button {
  -webkit-tap-highlight-color: transparent;
}

如果这对您不起作用,请尝试像这样添加:!important

button {
  -webkit-tap-highlight-color: transparent !important;
}