Answer 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 ArticleAnswer by judyofthewoods for Unicode character for "X" cancel / close?
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 Unicode character for "X" cancel / close?
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 Unicode character for "X" cancel / close?
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 Unicode character for "X" cancel / close?
✕ is another great one that's not too thick. The HTML code is ✕, or 2715 in hex.
View ArticleAnswer by JMASTER B for Unicode character for "X" cancel / close?
This is for people who want to make their X small/big and red!HTML:<div class="col-sm-2"> <span><div...
View ArticleAnswer by Iggy for Unicode character for "X" cancel / close?
× and font-family: Garamond, "Apple Garamond"; make it good enough. Garamond font is thin and web safe
View ArticleAnswer by davidcondrey for Unicode character for "X" cancel / close?
×× or × (same thing) U+00D7 multiplication sign× same character with a strong font weight⨯⨯ U+2A2F Gibbs product✖✖ U+2716 heavy multiplication signThere's also...
View ArticleAnswer by prograhammer for Unicode character for "X" cancel / close?
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 fa-times"></i>...
View ArticleAnswer by John Lehmann for Unicode character for "X" cancel / close?
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 Unicode character for "X" cancel / close?
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 Unicode character for "X" cancel / close?
✖ works really well. The HTML code is ✖.
View ArticleAnswer by Richard JP Le Guen for Unicode character for "X" cancel / close?
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 Unicode character for "X" cancel / close?
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 ArticleUnicode character for "X" cancel / close?
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 danday74 for Unicode character for "X" cancel / close?
❌looks like:❌its good for me :)
View ArticleAnswer by Adám for Unicode character for "X" cancel / close?
🗙― 2021 UpdateAs of Unicode 7.0 (June 2014): U+1F5D9 "Cancellation X"
View ArticleAnswer by Harold Castillo for Unicode character for "X" cancel / close?
Just in case, someone is searching for the right and wrong marks:char rightMark = '\u2713';char wrongMark = '\u2717';Will print:✓ Right Mark✗ Wrong Mark
View ArticleAnswer by iorgv for Unicode character for "X" cancel / close?
For CSS: just use the content: "\d7"; which is the × html entity, so it's widely supported on mobile devices as well..close:before { content: "\d7"; font-size: 30px; font-style:...
View Article