How can I disable block highlighting when clicked?

Question

css

Good day!
There is a block with the following properties:

#block {
width: 100px;
height: 100px;
position: relative;
}
#block:active {
top: 10px;
}

If you click on this block in a mobile browser, it is fully highlighted in blue, supposedly a click. From the question: how to remove this backlight? I tried to write onselectstart="return false;" - didn't work out. Registered property "user-select: none;" - didn't help either.
Help please, how to solve this problem? It is necessary that the block does not turn blue when pressed. Thanks in advance!)

Answer 1

-webkit-tap-highlight-color: rgba(0,0,0,0);

Answer 2

Try
pointer-events: none

Answer 3

Can I have some more:
box-shadow: none;