|
Posted by Roy A. on January 15, 2007, 6:14 am
Please log in for more thread options
russiandevil@gmail.com skrev:
> hi,
>
> Does anyone have an idea on how I'd go about highlighting (with a
> border, or something equally effective) a input button of type 'image'
> (i.e. <input type=image alt=Login src=http://<etc, path to image file>
> Login)
>
> For most of the other element, applying a style such as
> "background-color: red; border-color: red; border-width: thick" seems
> to be sufficient, however for image buttons (especially those that have
> "border=0" as a part of their HTML definition) this seems to be rather
> ineffective.
In an eigth year old recommandation from W3C i found this:
'outline' Value: [ <'outline-color'> || <'outline-style'> ||
<'outline-width'> ] | inherit
http://www.w3.org/TR/REC-CSS2/ui.html#dynamic-outlines
That would meen you could use somthing like:
.highlight { outline:red solid thick" }
But if that don't apply, try borders. If the image buttons have
"border=0" as a part of their HTML definition you could override that
with a more spesefic rule like:
form .highlight { border: ... }
http://www.w3.org/TR/REC-CSS2/cascade.html#cascading-order
http://www.w3.org/TR/REC-CSS2/cascade.html#specificity
| 
XML Sitemap