bouton Revert/entrée CSS par défaut

Question

J'ai des règles CSS sur l'entrée button:

button {border:solid 1px black;}

Tant que j'applique une bordure à une entrée ou un bouton, le navigateur passe la présentation de cette forme d'entrée OS (rendu par OS avec butotn ombré, coins arrondis, cyan cyan, etc.) en boîte-modèle standard.

Maintenant, je veux inverser cela pour une classe de boutons. Par exemple, je veux:

<button class="default-os">Looks like Windows-made</button> pour ressembler sans aucun style du tout.

Y a-t-il un moyen de faire cela? J'ai essayé diverses valeurs none et inherit des règles CSS, mais aucune d'elles ne fonctionne.

Answer 1

Je vais dire que la réponse est « rien » désolé:/

je trouverais une manière renverser - appliquer votre style de bouton personnalisé via une classe, puis il suffit de ne pas ajouter la classe aux boutons "réguliers". Si vous ne pouvez pas modifier le code HTML pour une raison quelconque, vous devrez peut-être faire preuve de créativité avec vos règles de sélection CSS, mais je devrais voir le code HTML en question.

Answer 2

Essayez d'inverser ce que vous faites. Au lieu d'essayer une classe 'default-os', changez votre style de bouton en '.styled-button' et spécifiez-le sur les boutons box-element, puis ne spécifiez pas de classe sur les boutons que vous voulez avoir le système d'exploitation par défaut Regardez.

Answer 3

Il serait plus facile de donner à votre bouton une classe spéciale quand vous voulez le changer avec la bordure et le laisser intact. Cependant, vous pouvez essayer d'utiliser! Important pour revenir à un comportement normal avec une combinaison de choses.

.default-os{ 
    border: none !important; 
}