Pseudo element alignment different in FFox and Chrome
I'm trying to create a speech bubble just using CSS by using pseudo elements ::before and ::after. It looks fine to me in Chrome but the outline of the triangle looks messed up in Firefox. Does anyone know what causes this and if I can fix it?
I'm using FF 9.0.1 and Chrome 16. In firefox I get odd artifacts around the triangle that don't appear in Chrome or IE9 for that matter
Those rendering artifacts around the edge of the triangle are something I've run into on Firefox when you set some borders to transparent and others to another color. It doesn't seem to be able to properly display the boundary between the colored border and the transparent ones. Unfortunately, the only way I have ever found to fix it is to set all four of them to a color, but unfortunately that won't work for you in this case.
- table header background color change dynamically - Angular material
- Changing the color of a <select> depending on its value - CSS only(?)
- Css text new line issue
- Progress bar along the borders of a rectangle
- Is there a way to change the CSS resize corner's position?
- Converting old Html SIZE=+x to css
- How to style focus outline for accessibility purposes
- How to set textarea height using min-height?
- Resize textarea on input
- Ticks for type="range" HTML input
- Is it possible to set the cssText property of a cssRule
- Why Marquee in HTML and CSS context is named that way?
- HTML Input Font Family Styling for Safari
- Overflow text align left
- How to prevent inconsistent thickness and gaps in SVG lines?
- ReCaptcha API v2 Styling
- If it is possible to animate image pixelation without canvas, using only CSS
- Can one pixelate images with an SVG filter?
- Output the line number from the SCSS file in compiled CSS with gulp-sass
- Bootstrap Spacing classes not working
- Having an issue aligning text inside a element to the left when there is another element below it
- How to load up CSS files using Javascript?
- How to word wrap text in HTML?
- AddEventListener on all created li elements
- Radial-Gradient Circle Overlay on Background Image
- Bootstrap dropdowns menus appearing behind other elements
- Image and slider dot is out of sync
- Linking Ruby with HTML Code
- CSS: Width in percentage and Borders
- How to make font-awesome caret change from caret-right to caret-down?