¿Cuál es el carácter Unicode para el símbolo de cierre utilizado por Twitter bootstrap?

Question 1

Solo por curiosidad, porque me acabo de dar cuenta de que no era una "x" real (es molesto cuánto tiempo me llevó averiguarlo).

Question 2

Utiliza ×.

Puede utilizar lo siguiente para obtener la información deseada sobre cualquier personaje:

$ perl -Mcharnames=:full -CA -e'
   printf("U+%04X %s\n", $_, charnames::viacode($_))
      for unpack "W*", $ARGV[0];
' ×
U+00D7 MULTIPLICATION SIGN

Si lo va a usar en HTML, puede codificarlo de la siguiente manera:

$ perl -MHTML::Entities -CA -e'
   CORE::say encode_entities($ARGV[0]);
' ×
&times;

Notas:

Los programas anteriores esperan que el argumento se codifique utilizando UTF-8.
Los saltos de línea se pueden eliminar para hacer verdaderas frases ingeniosas.

Question 3

El signo de multiplicación (×) era un poco demasiado pequeño para lo que quería y al aumentar el tamaño de fuente se rompieron otras cosas, así que encontré estas alternativas más grandes:

✕ Multiplicación X (U + 2715)

Entidad HTML decimal: ✕
Entidad HTML hexadecimal: ✕

✖ Multiplicación pesada X (U + 2716)

Entidad HTML decimal: ✖
Entidad HTML hexadecimal: ✖

❌ Marca de cruz (U + 274C)

Entidad HTML decimal: ❌
Entidad HTML hexadecimal: ❌

Espero que esto le salve a alguien algo de tiempo.

Question 4

Si no desea utilizar Unicode, simplemente puede utilizar la entidad de carácter HTML ×.

Question 5

respuesta correcta hoy: × usado en botones de cierre

Question 6

En lugar de darte pescado, te daré dinamita. Cuando trabaje en línea, si necesita averiguar qué carácter específico de Unicode es, puede usar el siguiente javascript (es posible que también deba agregar .val () o .text () o [0] después del selector según la situación):

$('yourTextselector').charCodeAt(0).toString(16) // charCodeAt is the position of character in text you selected.

Ejemplo:

"ก้้้้้้้้้้้้้้้้้้้้".charCodeAt(2).toString(16)

devoluciones "e49"

lo que significa que es \u0e49desde que los ceros iniciales se 'tragan'.

Esto debería ayudarlo a identificar otros personajes que se parecen pero que de hecho son diferentes

Espero que esto te ahorre algo de tiempo.

Question 7

Ahora que tiene su respuesta, aquí hay un truco útil adicional al trabajar con Unicode en el sistema operativo Windows.

Abre Wordpad
Escriba el valor Unicode, como 2715
Con el cursor al lado de lo que escribió, presione ALT + X en el teclado.

Mostrará la representación visual de ese personaje. Este truco también funciona a la inversa. Si copia y pega la representación visual y luego presiona ALT + X, le mostrará el valor numérico.

Question 8

Notado ❎ que se ve bien, pero se muestra en verde solo en Firefox .

Una posible solución alternativa para ajustar eso es usar filtros CSS .

Inspeccione el elemento para obtener los valores del filtro.

adjustHUE.addEventListener("input", (e) => {
  document.querySelector("#close").style.cssText += "filter:hue-rotate(" + e.target.value + "deg) brightness(" + adjustBRIGHTNESS.value + ")"
})

adjustBRIGHTNESS.addEventListener("input", (e) => {
  document.querySelector("#close").style.cssText += "filter:hue-rotate(" + adjustHUE.value + "deg) brightness(" + e.target.value + ")"
})

#close {
  font-size: 6rem;
  padding: 0 2rem 
}

<div id="close" style="filter:hue-rotate(0deg)">❎</div>
Hue:<br>
<input id="adjustHUE" type="range" min="0" max="360" value="0"><br>
Brightness:<br>
<input id="adjustBRIGHTNESS" type="range" min="0.2" max="1" step="0.01" value="1"><br>
<div id="out"></div>

Expandir fragmento

Desde css, esto puede verse así:

span {
  font-size: 2rem;
  z-index: 2;
  filter: hue-rotate(277deg) brightness(0.96);
  float: right;
  cursor:pointer
}

<span>❎</span>

Expandir fragmento