No, the universal selector * does not affect pseudo-elements (except indirectly via inheritance, as pseudo-elements are typically generated as children of actual elements). The universal selector, like other named element selectors such as p and div, is a simple selector: A simple selector is either a type selector, universal selector, attribute selector, class selector, ID … Read more
Your problem may be that cursor URLs don’t work in Firefox for the Mac. You can get the same effect on Firefox by using the -moz-zoom-in keyword. cursor:url(/img/magnify.cur), -moz-zoom-in, auto; This will show magnify.cur, the Mozilla-specific zoom cursor or a system default cursor. The first cursor on the list that the browser supports is used. … Read more
Inner border calculations First, you’ll need to remove -vendor-background-clip: padding-box or set them to border-box the default in order to achieve the inner border radius. The inner border radius is calculated as the difference of the outer border radius (border-radius) and the border width (border-width) such that inner border radius = outer border radius – … Read more
It’s impossible to change the validation style with only HTML5/CSS3. It’s part of the browser. The only attribute I figured out to change is the error message by using this example: document.getElementById(“name”).setCustomValidity(“Lorum Ipsum”); But, as shown in this example : http://jsfiddle.net/trixta/qTV3g/, you can override the panel style by using jQuery. This is not a plugin, … Read more
Did you choose the customized version of Bootstrap? There is an issue that the font files included in the customized package are broken (see https://github.com/twbs/bootstrap/issues/9925). If you do not want to use the CDN, you have to download them manually and replace your own fonts with the downloaded ones: https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot After that … Read more
Here’s an explanation from the W3C (link): The following algorithm describes how the two properties [min-height and max-height] influence the used value of the ‘height’ property: The tentative used height is calculated (without ‘min-height’ and ‘max-height’) following the rules under “Calculating heights and margins” above. If this tentative height is greater than ‘max-height’, the rules … Read more
Simply set text-align: center; on the container. Here’s a demo.
No answer, just confirmation: I have a similar kind of problem. Font works in all other IE versions except IE9, both using IETester and original browser. When changing Document Mode (F12 dev tools) font works. Not how I’d like it though. Update: With some trickery I managed to get it working. Seems like IE9 is … Read more
Try this, it’s a fix for removing it in all browsers. img { image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */ image-rendering: pixelated; /* Chrome */ image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ … Read more
I fixed this issue by subtracting 0.5px from the value of the Y-axis. So instead of doing: transform: translateX(-50%) translateY(-50%); I did this: transform: translateX(-50%) translateY(calc(-50% – .5px)); This solved it for me and I find this a cleaner solution then fiddling around with the percentage or using Javascript.