Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

Revision as of 04:40, 1 August 2012 by hamishwillee (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Focus highlight border cannot be removed in touch mode using Browser 7.1 (Known Issue)

From Wiki
Jump to: navigation, search
Article Metadata
Tested with
Devices(s): N97 (21.0.045)
N97 Mini (11.0.045)
Compatibility
Platform(s): S60 5th Edition
S60 5th Edition
Article
Created: User:Kbwiki (05 Mar 2010)
Last edited: hamishwillee (01 Aug 2012)

Overview

Focusable elements will be highlighted with a blue rectangle when tapped. Developers do not have control over the highlight rectangle's appearance.

Description

In touch interaction mode, button and anchor elements are highlighted with a blue border when tapped with a finger. In previous browser versions, developers have had control over the highlight rectangle's appearance.

For non-touch interaction mode, i.e. tabbed navigation, the highlight can be disabled by setting the CSS style:

a:hover, a:focus { outline: none; }

On touch devices using Browser 7.1, this rectangle will always appear and its appearance cannot be modified.

Solution

For touch devices, use clickable spans and divs instead of buttons and anchors. However, note that these cannot be focused on in tabbed navigation mode.

This page was last modified on 1 August 2012, at 04:40.
82 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×