-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); This will disable it for every browser going.
With jQuery 1.4 you can change the type of an input while it’s detached. marker = $(‘<span />’).insertBefore(‘#myInput’); $(‘#myInput’).detach().attr(‘type’, ‘text’).insertAfter(marker); marker.remove();
The 100% value is 100% of the parent’s width or the view port. See the documentation.
Try triggering the CSS 3d Transform mode with webkit. this changes the way chrome renders -webkit-transform: rotate(.7deg) translate3d( 0, 0, 0); edit There also a Webkit only style declaration -webkit-font-smoothing which takes the values none subpixel-antialiased antialiased where subpixel-antialiased is the default value. Alas, the subpixel antialias is no good solution for rotated text. The … Read more
Not fully clear what you want to combine, but basically you separate them with a comma eg @media only screen and (orientation : landscape) , only screen and (min-device-width : 481px) and (orientation : portrait) { …
It is always display: inline by default. Horizontal margins, and padding on all sides should work without having to change its display property. This remains true even in HTML5. If you are applying styles to an <a> element that contains flow elements or any other elements that are represented in CSS as display: block, you … Read more
You can use override the default Bootstrap CSS like this… .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; … Read more
The way I solved this problem, is introducing a pure CSS fall-back, that older browsers that don’t support CSS calc would only read. figure.left { width: 48%; width: -webkit-calc(50% – 20px); width: -moz-calc(50% – 20px); width: calc(50% – 20px); } The left and right panels, get a width of 48% if the browser cannot read … Read more
document.getElementsByClassName(‘btn-pageMenu’) delivers a nodeList. You should use: document.getElementsByClassName(‘btn-pageMenu’)[0].style.display (if it’s the first element from that list you want to change. If you want to change style.display for all nodes loop through the list: var elems = document.getElementsByClassName(‘btn-pageMenu’); for (var i=0;i<elems.length;i+=1){ elems[i].style.display = ‘block’; } to be complete: if you use jquery it is as simple … Read more
If you don’t have mod_headers enabled you can enabled it with sudo a2enmod headers And then in your VirtualHost or .htaccess # Allow access from all domains for webfonts. # Alternatively you could only whitelist your # subdomains like “subdomain.example.com”. <IfModule mod_headers.c> <FilesMatch “\.(ttf|ttc|otf|eot|woff|font.css|css|woff2)$”> Header set Access-Control-Allow-Origin “*” </FilesMatch> </IfModule>