bootstrap button shows blue outline when clicked

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

Targeting position:sticky elements that are currently in a ‘stuck’ state

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

How can I scale an image in a CSS sprite

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

In which order do CSS stylesheets override?

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

Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink

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

Does Firefox support position: relative on table elements?

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>

iPad Safari scrolling causes HTML elements to disappear and reappear with a delay

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

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)