No focus border on A and INPUT elements within a block with opacity

In Safari, <INPUT> and anchor (<A>) elements within a block that has opacity applied to it will not receive the treatment (blue border, by default) indicating that the user has put focus on that element (e.g. by tabbing). A workaround is provided to use the :focus pseudoclass on <INPUT> and anchor elements within the wrapping semi-opaque element to manually apply a style indicating the user has focused on the element.

Test page Workaround is included
Reported by: Peter Mularien.

Safari | Reported on 26 October 2006.

This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.

Search reports by browser:

Atom RSS


(Add your own)

1 Posted by Tom on 27 October 2006 | Permalink

Erm, something odd is going on here, since this bug report the whole page is now formatted in a different font than what it should be. I think someones missed a closing tag somewhere. By the looks of things its all Courier!

2 Posted by Peter Mularien on 27 October 2006 | Permalink

I reported it to PPK. Looks like there's a instead of in the text.

3 Posted by David Kilzer on 23 December 2006 | Permalink

Filed as WebKit Bug 11945.