Home Home Disable Text Selection in Phonegap

Disable Text Selection in Phonegap

Disabling text selection in phonegap app make it look more native. Here is the basic CSS code for disabling text selection in phonegap app

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

input
{
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}

*{
-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-drag: none;
user-drag: none;
}

There are many other techniques to make a Phonegap app look like native app. Read Making a phonegap app look like native app.

Narayan Prusty
Find, Create or Change Facebook Page URLFull Screen Scrolling with Page Split Effect

Leave a Reply

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

Narayan Prusty

I am a full-stack web developer. I specialize in Blockchain and JavaScript. This is my personal blog where I write about programming and technologies that I learn and feel interesting to share.

4 years ago Cordova
Share this
Related Articles