我认为默认的(非透明的)-webkit-tap-highlight-color
是在进行复杂的DOM操作之前对用户的触摸做出React的最快方式,这在较旧、较慢的设备上尤其明显。
据我所知,border-radius
规则并不适用于点击高亮显示。是否还有其他方法可以对圆形按钮这样的元素进行高亮显示?
button {
appearance: none;
border: none;
padding: 1em 2em;
border-radius: 2em;
-webkit-tap-highlight-color: rgba(0,0,0,0.2);
}
button:active {
color:red;
}
<button>Enter</button>
1条答案
按热度按时间fwzugrvs1#
我刚刚在Google上看到这个,但不知道它是如何工作的,它基本上就是
overflow: hidden
+flex-grow: 1