May be your properties are getting overridden. Try attaching !important to your code along with the :active . .btn:focus,.btn:active { outline: none !important; box-shadow: none; } Also add box-shadow because otherwise you will still see the shadow around button. Although this isn’t a good practise to use !important I suggest you use more specific class … Read more
There is currently no selector that is being proposed for elements that are currently ‘stuck’. The Postioned Layout module where position: sticky is defined does not mention any such selector either. Feature requests for CSS can be posted to the www-style mailing list. I believe a :stuck pseudo-class makes more sense than a ::stuck pseudo-element, … Read more
2021 Update: Background size is supported by most major browser but if your mobile browsers doesn’t support it use zoom. You could use background-size, as its supported by most browsers (but not all http://caniuse.com/#search=background-size) background-size : 150% 150%; Or You can use a combo of zoom for webkit/blink/ie and transform:scale for Mozilla(-moz-) and old Opera(-o-) … Read more
The rules for CSS rule cascading are complex — rather than trying to paraphrase them badly, I’ll simply refer you to the spec: http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade In short: more specific rules override more general ones. Specificity is defined based on how many IDs, classes, and element names are involved, as well as whether the !important declaration was … Read more
The appearance of the scroll bars can be controlled with WebKit’s -webkit-scrollbar pseudo-elements [blog]. You can disable the default appearance and behaviour by setting -webkit-appearance [docs] to none. Because you’re removing the default style, you’ll also need to specify the style yourself or the scroll bar will never show up. The following CSS recreates the appearance of … Read more
In my case the select2 would open correctly if there was zero or more pills. But if there was one or more pills, and I deleted them all, it would shrink to the smallest width. My solution was simply: $(“#myselect”).select2({ width: ‘100%’ });
<textarea rows=”4″ cols=”50″></textarea> It is equivalent to: textarea { height: 4em; width: 50em; } where 1em is equivalent to the current font size, thus make the text area 50 chars wide. see here.
To force chrome to reaload css and js: Windows option 1: CTRL + SHIFT + R Windows option 2: SHIFT + F5 OS X: ⌘ + SHIFT + R Updated as stated by @PaulSlocum in the comments (and many confirmed) Original answer: Chrome changed behavior. Ctrl + R will do it. On OS X: ⌘ … Read more
Easy and most proper way would be to wrap the contents of the cell in a div and add position:relative to that div. example: <td> <div style=”position:relative”> This will be positioned normally <div style=”position:absolute; top:5px; left:5px;”> This will be positioned at 5,5 relative to the cell </div> </div> </td>
You need to trick the browser to use hardware acceleration more effectively. You can do this with an empty three-dimensional transform: -webkit-transform: translate3d(0, 0, 0) Particularly, you’ll need this on child elements that have a position:relative; declaration (or, just go all out and do it to all child elements). It is not a guaranteed fix, … Read more