css - subrayado - text-decoration-line

Texto de decoración: ninguno no funciona.

Question

¡Totalmente desconcertado! He intentado reescribir la text-decoration: none línea de varias maneras diferentes. También me las arreglé para redimensionar el texto apuntándolo, pero la text-decoration: none del text-decoration: none códigos no tomará.

Ayuda muy apreciada.

Código

.widget    
{
     height: 320px;
     width: 220px;
     background-color: #e6e6e6;
     position: relative;                              
     overflow: hidden;                          
}


.title    
{
     font-family: Georgia, Times New Roman, serif;
     font-size: 12px;
     color: #E6E6E6;
     text-align: center;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-color: #4D4D4D;    
     position: absolute;
     top: 0;
     padding: 5px;
     width: 100%;
     margin-bottom: 1px;
     height: 28px;
     text-decoration: none;
}

a .title    
{
     text-decoration: none;
}

<a href="#">
    <div class="widget">  
        <div class="title">Underlined. Why?</div>  
    </div>
</a>

Answer 1

Agrega una clase específica para todos los enlaces:

html:

<a class="class1 class2 noDecoration"> text </a>

en css:

.noDecoration {
  text-decoration: none;
}

Answer 2

Agregue esta declaración en su etiqueta de encabezado:

<style>
a:link{
  text-decoration: none!important;
  cursor: pointer;
}
</style>

Answer 3

Intenta colocar tu text-decoration: none; en su a: hover css.

Answer 4

Lo hice de la manera antigua, sé que no está bien, pero es una solución rápida.

<h1><a href="#"><font color="#FFF">LINK</font></a></h1>

Answer 5

No hay ningún subrayado, incluso he eliminado ''text-decoration: none;'' de su código. Pero tuve una experiencia similar.

Luego agregué un Código

a{
 text-decoration: none;
}

y

a:hover{
 text-decoration: none;
}

Por lo tanto, pruebe su código con: hover.

Answer 6

Tengo una respuesta:

<a href="#">
    <div class="widget">  
        <div class="title" style="text-decoration: none;">Underlined. Why?</div>  
    </div>
</a>​

Funciona.

Answer 7

Tiene un elemento de bloque (div) dentro de un elemento en línea (a). Esto funciona en HTML 5, pero no en HTML 4. Por lo tanto, también solo los navegadores que realmente admiten HTML 5.

Cuando los navegadores encuentran un marcado no válido, intentarán solucionarlo, pero los distintos navegadores lo harán de diferentes maneras, por lo que el resultado varía. Algunos navegadores moverán el elemento de bloque fuera del elemento en línea, otros lo ignorarán.

Answer 8

Tuve muchos dolores de cabeza cuando intenté personalizar un tema de WordPress y la decoración del texto no me ayudó. En mi caso también tuve que quitar la caja de sombra.

a:hover {
    text-decoration: none;
    box-shadow: none;
} 

Answer 9

Usé el siguiente código para hacer que el mío funcione en Chrome. Puedes ajustar el anidamiento:

a:-webkit-any-link { color: black; }

Answer 10

Use CSS Pseudo-clases y dé una etiqueta a su etiqueta, por ejemplo:

<a class="noDecoration" href="#">

y agrega esto a tu hoja de estilo:

.noDecoration, a:link, a:visited {
    text-decoration: none;
}

Answer 11

intente agregar esto a su hoja de estilo:

a {text-decoration:none;}

Answer 12

si quieres hacer una barra de navegación

ul{ list-style-type: none; } li{text-decoration: none;

• Esto hará que quiera hacer que el estilo del tipo de lista sea Ninguno o nada.

con la etiqueta <a>:

a:link {text-decoration: none}

Answer 13

a:link{
  text-decoration: none!important;
}

=> Trabajando conmigo :), buena suerte