Quantcast
Channel: Unicode character for "X" cancel / close? - Stack Overflow
Browsing all 38 articles
Browse latest View live

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 Article



Answer 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 Article

Answer 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 Article

Answer 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 Article

Answer 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 Article


Answer 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 Article

Answer 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 Article

Answer 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">&#10006;</div></span> <p>close</p>...

View Article


Image may be NSFW.
Clik here to view.

Answer by Iggy for Which font for CSS "x" close button?

&times; and font-family: Garamond, "Apple Garamond"; make it good enough. Garamond font is thin and web safe

View Article


Answer by davidcondrey for Which font for CSS "x" close button?

× &#215; or &times; (same thing) U+00D7 multiplication sign × same character with a strong font weight ⨯ &#10799; U+2A2F Gibbs product ✖ &#10006; U+2716 heavy multiplication sign...

View Article

Answer 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 Article

Answer 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">&times;</button>

View Article

Answer 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 Article


Answer by eipark for Which font for CSS "x" close button?

✖ works really well. The HTML code is &#10006;.

View Article

Answer 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 Article


Answer by Haza for Which font for CSS "x" close button?

What about using the ×-mark (the multiplication symbol), &times; in HTML, for that? "x" (letter) should not be used to represent anything else other than the letter X.

View Article

Which 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 Article


Answer by Raphael Pinel for Unicode character for "X" cancel / close?

&times; is better than &#10006; as &#10006; behaves strangely in Edge and Internet explorer (tested in IE11). It doesn't get the right color and is replaced by an "emoji"

View Article

Answer 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 Article

Answer by Roko C. Buljan for Unicode character for "X" cancel / close?

HTML✕&#x2715;✓&#x2713;✖&#x2716;✔&#x2714;✗&#x2717;✘&#x2718;×&#x00d7;&times;CSSIf you want to use the above characters from CSS (like i.e: in an :before or :after pseudo)...

View Article
Browsing all 38 articles
Browse latest View live




Latest Images