Closed Bug 14977 Opened 21 years ago Closed 21 years ago

Dotted border superimposes on inset border

Categories

(Core :: CSS Parsing and Computation, defect, P3, minor)

PowerPC
Mac System 8.6
defect

Tracking

()

VERIFIED INVALID

People

(Reporter: inquisition, Assigned: peterl-retired)

References

()

Details

The following code should create button-like links that "pop up" on mouseover,
similar to the toolbar buttons in Netscape 4.0x. However, when the code is
rendered in the browser and a link clicked on, the border superimposes a dotted
border on the outset, instead of changing from outset to inset. (Oddly enough, if
the pointer is "dragged" off of the link, with the mouse button down, the border
changes to inset when the pointer leaves the region. The dots don't go away,
though.)

Bug was discovered in recent MacOS build (proto-M11, only a couple days old).

<STYLE>
A:link {color:rgb(255,75,116);text-decoration:none;}
A:active {color:rgb(255,75,116);text-decoration:none;border-width:2px;border-
style:inset;border-color:gray;}
A:hover {border-width:2px;border-style:outset;border-color:gray;}
</STYLE>

<P><A HREF="foobarexam.html">Link</A>
Status: NEW → RESOLVED
Closed: 21 years ago
Resolution: --- → INVALID
The dotted outline is happening due to the link gaining focus. It is not a
border, but rather an outline. See CSS2 spec.
You can remove the outline from focused links with the rule:
a:focus { outline: none }

The behavior that links gain focus by being clicked on is new. You may want to
file a seperate bug on that if you find the behavior undesirable.
Status: RESOLVED → VERIFIED
Verified invalid
You need to log in before you can comment on or make changes to this bug.