2017-10-18 2 views
0

J'ai essayé d'ignorer la balise bootstrap <a></a> par défaut pour que mon texte apparaisse normalement.Comment faire pour passer par défaut le style de point d'ancrage de BootStrap

Mon texte est enveloppé par tag <a> et <span> étiquette, donc le style par défaut de <a> balise est appliquée par défaut.

<a href="#"> 
    <span class="text-bg"><strong>0</strong></span><br> 
    <span class="text-xs">NEW(999)</span> 
</a> 

<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 

 
<!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a href="#"> 
 
    <span class="text-bg"><strong>0</strong></span><br> 
 
    <span class="text-xs">NEW(999)</span> 
 
</a>

Je comprends que définir serait bien, cependant, il serait moins pénible au style réglée manuellement passer par <a> style de balise et obtenir la couleur du texte normal (couleur grise) au lieu.

Y a-t-il un moyen d'y parvenir? Merci.

+0

Pouvez-vous ajouter une photo de ce que vous voulez atteindre? – Cons7an7ine

+0

Eh bien, alors utilisez 'inherit' ...? Ou personnalisez votre instance d'amorçage en fonction de vos souhaits, en définissant la (les) variable (s) pertinente (s). https://getbootstrap.com/docs/3.3/customize/#scaffolding – CBroe

+0

@CBroe, en définissant le style directement à l'instance serait bien, cependant, je voudrais savoir s'il existe un moyen plus simple pour passer le style, ' un style. Merci. –

Répondre

0

Vous pouvez remplacer complètement la feuille de style de l'agent utilisateur à la fois. Cela pourrait être la solution. Voir l'exemple:

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
<meta charset="utf-8"> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<style> 
 
a:-webkit-any-link { 
 
    color: -webkit-link !important; 
 
    cursor: auto !important; 
 
    text-decoration: underline !important; 
 
} 
 
a{ 
 
    color: -webkit-link !important; 
 
    cursor: auto !important; 
 
    text-decoration: underline !important; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 
<a href="#"> 
 
    <span class="text-bg"><strong>0</strong></span><br> 
 
    <span class="text-xs">NEW(999)</span> 
 
</a> 
 
</body> 
 
</html>

+0

Merci beaucoup. Cependant, je voudrais que mon texte obtienne le style normal de bootstrap qui est de couleur grise. Par conséquent, je voudrais sauter un style de bootstrap, y compris son style de soulignement. –

+0

Merci. Pas tous les liens 'a' que je voudrais voir apparaître comme gris par défaut normal dans le bootstrap. –