Variable Visions

Articles CSS CSS-text-select-disable


tutorials - CSS and Web-Development.

CSS text select disable

Published Tue. Apr. 24, 2012


-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

 

 

You can also do this with javascript:

$(function(){
                    $.extend($.fn.disableTextSelect = function() {
                        return this.each(function(){
                        if($.browser.mozilla){
                            $(this).css('MozUserSelect','none');
                        }else if($.browser.msie){
                            $(this).bind('selectstart',function(){return false;});
                        }else{
                            $(this).mousedown(function(){return false;});
                        }
                    });
                });
                $('#box').disableTextSelect();
                });