Originally Posted by drhowarddrfine
Conditional comments only work on IE so Firefox and Safari will ignore them. So anything you want to feed IE and not the others, put them in conditional comments.
I think you missed it, but the OP seems to want IE and FF to read and use the CSS and make it so that ONLY Safari and Chrome will ignore it. I would guess that there are two options for that:
1) To simply make Chrome and Safari NOT get a certain style at all
- meaning that you could even leave those elements at their browser default...
For Mozilla-based browsers you can use the
prefix to target only that browser type. This is the way you would write up the CSS in the main CSS file (basically just add that prefix only to the CSS you want Safari and Chrome to ignore). Then you'd just need to give IE those styles separately with conditional IE code to link the CSS in an ie-only CSS file.
2) To simply change the style
for Chrome (and all other webkit browsers, just FYI) and Safari - meaning that you cannot
use browser default styles for those elements anymore...
You could use the basic CSS file you already have and then add a second statement using the
CSS prefix to target Chrome and other webkit-based browsers and specify different CSS if that fixes the problem. Safari can be similarly targeted (with a hack) described here:
The second method assumes that there is CSS you can apply to fix those two browsers which would not be the case if, for example, you wanted to see default input or button styles in those two browsers. In a case like that you would have to use the first method I mentioned.