Dotted border superimposes on inset border

VERIFIED INVALID

Status

()

P3
minor
VERIFIED INVALID
19 years ago
19 years ago

People

(Reporter: inquisition, Assigned: peterl-retired)

Tracking

Trunk
PowerPC
Mac System 8.6
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

19 years ago
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>
(Assignee)

Updated

19 years ago
Status: NEW → RESOLVED
Last Resolved: 19 years ago
Resolution: --- → INVALID
(Assignee)

Comment 1

19 years ago
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.

Updated

19 years ago
Status: RESOLVED → VERIFIED

Comment 2

19 years ago
Verified invalid
You need to log in before you can comment on or make changes to this bug.