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. Thanks for all your past and future contributions.

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)
Platform(s): S60 5th Edition
S60 5th Edition
Created: User:Kbwiki (05 Mar 2010)
Last edited: hamishwillee (01 Aug 2012)


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


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.


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.
40 page views in the last 30 days.