Jquery / CSS Reset style

Question

I'm building a login window using javascript (JQuery) which complies to very strict design guidelines; it exhaustively uses CSS-floats in order to position the screen elements. This javascript is hosted from a central location and implemented by ~1000 websites. It works very well, but there are some websites that have in their stylesheet something like this:

 img, div, input { 
       behavior: url("_include/website/js/iepngfix.htc") 
   }

Problem is that such CSS-definitions disturbs the layout of my login window.

My javascript + css are loaded last. Is there a way I can tell in my Javascript / CSS to ignore all styles that have been loaded previously.

you can try !important on the CSS you want to try and force. — RPM1984
– RPM1984, Commented Nov 10, 2010 at 10:16

fcalderan · Accepted Answer · 2010-11-10 11:32:06Z

2

Let's suppose your window has a container class e.g. mylogin then you could try to add in queue the following css

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

answered Nov 10, 2010 at 11:32

fcalderan

Sign up to request clarification or add additional context in comments.

Comments

Mayur · Accepted Answer · 2010-11-10 11:23:53Z

0

Method 1

Override styles defined in previous style sheets using !important property.

Method 2

If you are using jQuery in your code then you can clear these attributes on init() function. This will add advantage as you can still assign CSS attributes to tags in your CSS files.

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

Note: You might try using iframe for login page code. I haven't tried this but, I guess this might work.

answered Nov 10, 2010 at 11:23

Mayur

3,09710 gold badges44 silver badges55 bronze badges

Collectives™ on Stack Overflow

Jquery / CSS Reset style

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related