One of the projects which I am working uses CSS "attribute" selector [att]
CSS Selectors
which is not supported by ie6: Support for CSS selectors in IE6 (look for text "Attribute Selectors")
Is there any workaround/hack which is of course valid html/css to overcome this problem?
The only way to override inline styles is by using !
There are several limitations of CSS such as: It cannot provide total control over document display and allows the contents of the page to come through whatever the browser is used. Ascending by selectors is not possible. Limitations of vertical control. No expressions as it is a text-based coding language.
Type “css=input[type='submit']” (locator value) in Selenium IDE. Click on the Find Button. The “Sign in” button will be highlighted, verifying the locator value. Attribute: Used to create the CSS Selector.
This isn't possible without peppering your HTML with a stack of extraneous class selectors, sadly.
I'd recommend designing your site so that your entirely valid CSS works for people using modern browsers, and that it's still usable in the IE6, albeit visually not quite right. You just have to find the right balance between getting your site up to standard and bending over backwards for users who won't upgrade. It's a broken browser, treat it as such.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With