:enabled and :disabled

This refers to styles targeting enabled and disabled form elements. The example code below shows how this can be done on text fields. When a text field is disabled, that is when it doesn't accept user input, its border will be 1px solid red and its background black. An enabled text field will have a border of 1px solid black and #FF9966 as the background.

Again, the code didn't work in IE, but worked correctly in the other three browsers. The screenshots below show the page displayed in different browsers.

Do you need help with CSS? Gain advice from Builder AU forums

Comments

1

MichaelR - 01/04/08

Surprised you didn't try IE7 that works in every case. Relying on a beta in a comparison test is dangerous.

» Report offensive content

2

eddiep - 01/04/08

Well, everithing diplayed correct in Opera 9.5 beta on my laptop ... Why didn't you used Opera 9.5 beta??? IE and FF were beta ...

» Report offensive content

3

Facilinfor - 01/04/08

"Surprised you didn't try IE7 that works in every case."

I use IE7... and it does not work...

» Report offensive content

4

Code - 02/04/08

For a site thats "by developers for developers", it's surprising that the author of this article links huge, bandwidth wasting BMPs instead of PNG which would have been much smaller in size.

http://en.wikipedia.org/wiki/Portable_Network_Graphics

» Report offensive content

5

Sambi - 02/04/08

Hi,

its unfair you used all the latest beta's or versions of IE, FF and Safari but you are using old version of Opera.

Each and every test that you gave here is working in Opera 9.5 beta.

If you make a comparsion give equal chance to everyone. Either stable versions or beta's.

Anyway good test.

» Report offensive content

6

Lana Kovacevic - 03/04/08

Thank you all for your comments. I have tested the code in Opera 9.50 Beta 1 also. You can find the results here: http://www.builderau.com.au/blogs/syslog/viewblogpost.htm?p=339270947

» Report offensive content

7

Mohan - 02/05/08

I have used almost every browser such as safari, firefox, avantgo,IE but it seems that opera is the best.

» Report offensive content

8

Abraham - 12/09/08

This all worked in Google Chrome, in case anyone is using it. All the CSS is working fine, they fixed some serious AJAX issues it had at first, but now it's fine.
Java still isn't compatible, but that's not part of this article.

CSS works perfectly.

» Report offensive content

Leave a comment

You must read and type the 6 chars within 0..9 and A..F

* indicates mandatory fields.

8

Abraham - 09/12/08

This all worked in Google Chrome, in case anyone is using it. All the CSS is working fine, they fixed some ... more

7

Mohan - 05/02/08

I have used almost every browser such as safari, firefox, avantgo,IE but it seems that opera is the best. ... more

6

Lana Kovacevic - 04/03/08

Thank you all for your comments. I have tested the code in Opera 9.50 Beta 1 also. You can find the ... more

Log in


Sign up | Forgot your password?

What's on?