what you want is to add something like
*:focus{
border: 1px solid yellow;
-moz-border-radius: 50%;
}
to html.css (found in the res directory of a normal mozilla build) or
userContent.css (found in the chrome directory of a user profile)
documentation for :focus is found at
http://www.w3.org/TR/REC-CSS2/selector.html#x33
for border:
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border
for -moz-border-radius:
http://www.w3.org/TR/2001/WD-css3-box-20010726/#border-radius
using border for this might cause issues since borders take up space. The actual
property that should be used is outline:
http://www.w3.org/TR/REC-CSS2/ui.html#propdef-outline
but moz hasn't implemented this correctly yet. You could try -moz-outline: and
see how well does it work. Note that there are known issues with this.
http://bugzilla.mozilla.org/show_bug.cgi?id=9809
http://bugzilla.mozilla.org/show_bug.cgi?id=24676
basic
Nikola Gidalov wrote:
> Hello,
>
>
> My name is Nikola and not so long time ago I started to dig into Mozilla's
> source code. I have an idea to extent the layout engine to be able to draw
> extra yellow rouded border around hyperlink elements and form element when
> they are selected or focused. I would like to achive the same efect like
> WebTV browsers do with the page thay render.
> Since I'm very new in this area, I'll appreciate if there is someone who can
> help me and give me an idea or a hint where to start from?
>
> Greetings,
>
> Nikola Gidalov
>
>
>
>
>
>
