Comment faire pour passer par défaut le style de point d'ancrage de BootStrap

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.

Source

2017-10-18 Houy Narun

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

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

@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. –

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>

Source

2017-10-18 04:45:01

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. –

Votre Bienvenue! Vous pouvez également supprimer le style de la balise de bootstrap.css. Cette solution fonctionne uniquement lorsque vous voulez que votre balise ait le même style (par défaut) pour toute la page. –

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

Comment faire pour passer par défaut le style de point d'ancrage de BootStrap

Répondre

Questions connexes