Submitted about 4 years ago

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

@vatsalsinghkv

A solution to the Calculator app challenge

Solution retrospective

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

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Vatsal Singh's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord