Jquery/CSS Réinitialiser le style

Question

Je construis une fenêtre de connexion en utilisant javascript (JQuery) qui est conforme aux directives de conception très strictes; il utilise de façon exhaustive les flottants CSS afin de positionner les éléments de l'écran. Ce javascript est hébergé à partir d'un emplacement central et mis en œuvre par ~ 1000 sites Web. Il fonctionne très bien, mais il y a des sites qui ont dans leur stylesheet quelque chose comme ceci:

Le problème est que ces définitions CSS-dérangent la mise en page de ma fenêtre de connexion.

Mes javascript + css sont chargés en dernier. Y at-il un moyen que je peux dire dans mon Javascript/CSS pour ignorer tous les styles qui ont été chargés précédemment.

Answer 1

Méthode 1

styles Override définies dans les feuilles de style en utilisant précédentes !important propriété.

Méthode 2

Si vous utilisez jQuery dans votre code, vous pouvez effacer ces attributs sur la fonction init(). Cela ajoutera un avantage car vous pouvez toujours attribuer des attributs CSS aux tags dans vos fichiers CSS.

$('img').css('padding', '0px'); 

Note: Vous pouvez essayer d'utiliser iframe pour le code de la page de connexion. Je n'ai pas essayé mais je suppose que cela pourrait fonctionner.

Answer 2

Supposons que votre fenêtre ait une classe de conteneur, par ex. monlogin alors vous pouvez essayer d'ajouter dans la file d'attente le CSS suivant

.mylogin img, 
.mylogin div, 
.mylogin input { 
    behavior : url(data:null); 
}