Quitar estilo aplicado por etiqueta

1 minuto de lectura

Tengo un elemento de etiqueta de precio con <del> etiqueta. La línea de tachado no está centrada.

Las siguientes preguntas y respuestas fueron útiles para comprender cómo se aplican estos estilos. He probado la respuesta yo mismo y funciona bien y el tachado se puede centrar de la manera que quiero.

CSS: tachado no centrado en el texto

.strike-center:after {
    border-top: 1px solid #000;
    position: absolute;
    content: "";
    right: 0;
    top:50%;
    left: 0;
}

http://jsfiddle.net/urjhN/

¿Cómo elimino el estilo existente aplicado por el <del> ¿etiqueta?

Lo siguiente debería hacerlo:

del {
   all: unset;
}

Eche un vistazo al reinicio de css moderno https://elad2412.github.io/el-nuevo-reinicio-css/

  • Funcionó. Ver el JSFiddle jsfiddle.net/qualc0m/ohw0rbeL/1. ¿Hay algún caso en el que incluso all: unset no se puede borrar el tachado. Porque en mi aplicación, la línea de tachado todavía existe.

    – Qualc0n

    hace 4 horas

  • Lo publiqué como otra pregunta stackoverflow.com/questions/74052344/…

    – Qualc0n

    hace 4 horas


  • si prueba su aplicación y jsfiddle en el mismo navegador y obtiene resultados diferentes, es posible que haya algo más que anule la regla general o que no se aplique ninguna regla general. echa un vistazo en el inspector web

    – Yoz

    hace 3 horas

¿Ha sido útil esta solución?