7
votes

Matérialiser - Désactiver le style de forme

est possible de modifier le style de formulaire Matérialisateur par défaut? Par exemple, supprimez le soulignement de l'entrée ciblée.

Matériau-Framework Link

css materialize

2 commentaires

Voulez-vous écraser les règles CSS ou les animations JS aussi?

Je pense les deux. Par exemple, je souhaite avoir une entrée HTML simple.

3 Réponses :

2
votes

Récupération des styles CSS est facile: vous créez une feuille de style CSS personnalisée et incluez que après forte> la feuille de style CSS CSS. Ensuite, vous découvrez quelles règles sont définies en se matérialisant et les écrasez-les.

Par exemple, la bordure sous les champs d'entrée, sont conçues par les matérialistes comme ceci: P>

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    border-bottom: none;
}

2 commentaires

Curieux: Quelle est la "entrée: non ([type])" pour?

@SyBerrknight Cette réponse a quatre ans, donc je ne suis pas sûr à 100%, mais je suppose que le code ci-dessus a été copié des matérialistes dans leur source. Cela peut avoir changé. La réponse à votre question est que cela déposerait chaque champ de saisie qui n'a pas de type défini. Donc serait ciblé. Cela n'a de sens que pour les champs cachés, je pense que vous utiliseriez probablement un type sur des champs visibles à tout moment. Le cadre CSS était en phase alpha à l'époque et aurait pu le faire pour d'autres raisons telles que le style incohérent du navigateur.

2
votes

Lorsque vous utilisez SASS, vous pouvez importer un nouveau fichier SCSS après la mise en œuvre matérialisée CSS ( http: / /Materializecss.com/getting-started.html )

Ceci peut avec NPM ou Bower. Il y a aussi un gemme de rails ( https://github.com/mkhairi/materialize-sass )

0 commentaires

0
votes

matérialiser vous permet également d'ajouter une classe par défaut de navigateur si tout ce que vous voulez est la simple entrée HTML comme vous dites

0 commentaires