:focus

Styles associated with this pseudo-class apply to elements that are in focus. In the code below we'll make the background of a text field yellow when the user clicks inside it, that is when it's given focus.

The CSS code rendered correctly in Firefox, Safari and Opera, but failed in IE (see the screenshot below).

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?