Je souhaite remplacer un paramètre CSS sur un formulaire. J'utilise bootstrap et j'ai mon propre fichier CSS personnalisé que je dois faire le remplacement.
Cependant, je vois qu'il n'apporte pas mon fichier css personnalisé et ne fait pas référence à la règle de version Bootstrap pour .form-control. Au lieu de cela, il utilise un fichier "forms.less" dont je ne sais même pas où il se trouve. Ce n'est pas dans mon dossier de contenu. Bien que la photo indique qu'il se trouve dans le dossier Contents \ Less.
Voici le dossier Content.
Voici le regroupement. Mon site.css personnalisé suit le bootstrap.
Voici mon fichier CSS personnalisé et la règle de contrôle .form où je remplace le witdh.
3 Réponses :
Vous devez remplacer en utilisant le! important.
.form-control{
width: 0px !important;
}
pour plus de détails, veuillez vérifier l'url ci-dessous: https://www.w3docs.com/snippets/ css / how-to-override-css-styles.html
Niraj. J'ai essayé cela mais cela n'a rien fait car mon fichier Site.css personnalisé n'est pas introduit et il fait toujours référence à "forms.less".
Je devais ajouter cela au bas de ma vue. @ Styles.Render ("~ / Content / css"). Je pensais qu'avoir ceci dans le _Layout_cshtml s'en chargerait. Alors je ne sais pas pourquoi je dois le faire deux fois.
@ user3020047 Veuillez vérifier l'ordre de chargement du CSS en utilisant ctrl + u (view-source). Laisse moi voir ce que tu as.
Si vous souhaitez remplacer votre css personnalisé, utilisez-le après le bootstrap css.
kgajjar: Je veux que mon CSS personnalisé prenne effet - pas Bootstrap. J'ai le CSS personnalisé qui suit le CSS bootstrap dans bundleConfig.cs.
@ user3020047 créez votre CSS personnalisé et appelez-le après le CSS bootstrap. Ainsi, votre CSS personnalisé remplacera le css bootstrap.
J'ai dû ajouter ceci au bas de ma vue. @ Styles.Render ("~ / Content / css"). Je pensais qu'avoir ceci dans le _Layout_cshtml s'en chargerait. Je ne sais donc pas pourquoi je dois le faire deux fois.