Answer by Raphael Pinel for Which font for CSS "x" close button?
× is better than ✖ as ✖ behaves strangely in Edge and Internet explorer (tested in IE11). It doesn't get the right color and is replaced by an "emoji"
View ArticleAnswer by user1432181 for Which font for CSS "x" close button?
Using modern browsers you can rotate a + sign: .popupClose:before { content:'+'; } .popupClose { position:relative; float:right; right:10px; top:0px; padding:2px; cursor:pointer; margin:2px;...
View ArticleAnswer by Roko C. Buljan for Which font for CSS "x" close button?
HTML ✕ ✕ ✓ ✓ ✖ ✖ ✔ ✔ ✗ ✗ ✘ ✘ × × × CSS If you want to use the above characters from CSS (like i.e: in an :before...
View ArticleAnswer by judyofthewoods for Which font for CSS "x" close button?
You can use text that is only accessible to screen readers by placing it in a span which you hide in an accessible way. Place the x in the CSS which can't be read by screen readers, thus won't confuse,...
View ArticleAnswer by Picard for Which font for CSS "x" close button?
there's another one not mentioned here - nice thin - if you need that kind of look for your project: ╳ ╳ or decimal: ╳
View ArticleAnswer by Steve Bennett for Which font for CSS "x" close button?
This is probably pedantry, but so far no one has really given a solution "to create a close button using CSS only." only. Here you go: #close:before { content: "✖"; border: 1px solid gray;...
View ArticleAnswer by emlai for Which font for CSS "x" close button?
✕ is another great one that's not too thick. The HTML code is ✕, or 2715 in hex.
View ArticleAnswer by JMASTER B for Which font for CSS "x" close button?
This is for people who want to make their X small/big and red! HTML: <div class="col-sm-2"> <span><div class="red-x">✖</div></span> <p>close</p>...
View ArticleClik here to view.
Answer by Iggy for Which font for CSS "x" close button?
× and font-family: Garamond, "Apple Garamond"; make it good enough. Garamond font is thin and web safe
View ArticleAnswer by davidcondrey for Which font for CSS "x" close button?
× × or × (same thing) U+00D7 multiplication sign × same character with a strong font weight ⨯ ⨯ U+2A2F Gibbs product ✖ ✖ U+2716 heavy multiplication sign...
View ArticleAnswer by prograhammer for Which font for CSS "x" close button?
I prefer Font Awesome: http://fortawesome.github.io/Font-Awesome/icons/ The icon you would be looking for is fa-times. It's as simple as this to use: <button><i class="fa...
View ArticleAnswer by John Lehmann for Which font for CSS "x" close button?
As @Haza pointed out the times symbol can be used. Twitter Bootstrap maps this to a close icon for dismissing content like modals and alerts. <button class="close">×</button>
View ArticleAnswer by lubar for Which font for CSS "x" close button?
This works nicely for me: <style> a.closeX { position: absolute; right: 0px; top: 0px; width:20px; background-color: #FFF; color: black; margin-top:-15px; margin-right:-15px; border-radius: 20px;...
View ArticleAnswer by eipark for Which font for CSS "x" close button?
✖ works really well. The HTML code is ✖.
View ArticleAnswer by Richard JP Le Guen for Which font for CSS "x" close button?
Forget about a font and use a background image! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html...
View ArticleAnswer by Haza for Which font for CSS "x" close button?
What about using the ×-mark (the multiplication symbol), × in HTML, for that? "x" (letter) should not be used to represent anything else other than the letter X.
View ArticleWhich font for CSS "x" close button?
I want to create a close button using CSS only. I'm sure I'm not the first to do this, so does anyone know which font has an 'x' the same width as height, so that it can be used cross-browser to look...
View ArticleAnswer by Raphael Pinel for Unicode character for "X" cancel / close?
× is better than ✖ as ✖ behaves strangely in Edge and Internet explorer (tested in IE11). It doesn't get the right color and is replaced by an "emoji"
View ArticleAnswer by user1432181 for Unicode character for "X" cancel / close?
Using modern browsers you can rotate a + sign:.popupClose:before { content:'+';}.popupClose { position:relative; float:right; right:10px; top:0px; padding:2px; cursor:pointer; margin:2px; color:grey;...
View ArticleAnswer by Roko C. Buljan for Unicode character for "X" cancel / close?
HTML✕✕✓✓✖✖✔✔✗✗✘✘×××CSSIf you want to use the above characters from CSS (like i.e: in an :before or :after pseudo)...
View Article