Skip to content
OverviewSolutions
1
Comments
1
David Sánchez
@d4vsanchez

All comments

  • Vatsal Singh•240
    @vatsalsinghkvSubmitted over 3 years ago

    So I'm facing this problem, whenever I tap on buttons in my mobile phone, I get this light-blue coloured transparent layer on that button.

    Here's the Screenshot

    I have tried using ::selection & outline:none on the buttons, but it didn't work.

    * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

.keys::selection {
    background: transparent;
}

    If anyone can help me resolve this issue it would be great help

    HTML, CSS's Grid & 'prefers-color-scheme' and jQuery

    1
    David Sánchez•45
    @d4vsanchezPosted over 3 years ago

    Hey Vatsal,

    I found a small problem in the display, the scroll bar is always visible. You could easily remove it if the content is not overflowing by changing the overflow-x: scroll for an overflow-x: auto.

    About the light-blue colored transparent layer, you can remove it by adding the following line to the primary-key class:

    -webkit-tap-highlight-color: transparent;

    Good job on this one!

    1