1

I am using Unicode arrows in an Android app that uses webview to display HTML5 pages.

This is the sample markup for the arrows:

<a href="#s003" class="HLink Nav">&#9664;</a>
<a href="#s005" class="HLink Nav NavR">&#9654;</a>

However, the arrows are displayed inside a button as shown in the screenshot. The HLink and Nav classes only modify the colour and positioning. No border or background is used.

Android Unicode Arrow

When I open the same HTML in a browser, the arrows display fine.

How can I avoid this behavior of the Android web view?

Dilshan
  • 58
  • 1
  • 7
navigator
  • 1,678
  • 16
  • 29
  • Have you tried using a "text style" variation selector after the character? http://stackoverflow.com/a/29669091/596219 – 一二三 May 05 '15 at 06:27
  • There is no variant for these characters in this case... – navigator May 05 '15 at 07:05
  • There are... search for `25C0` in [StandardizedVariants.txt](http://www.unicode.org/Public/7.0.0/ucd/StandardizedVariants.txt). Or do you mean that the selectors have no effect? – 一二三 May 05 '15 at 08:39
  • No, it didn't have any effect. But maybe I am not writing it right. Do you have a sample of how it would be written for the links posted? – navigator May 05 '15 at 17:04
  • Put `︎` after the characters. – 一二三 May 05 '15 at 22:53
  • Sorry for the long delay in reply. Adding the characters has no effect. Problem is still there. – navigator May 11 '15 at 11:32
  • Possible duplicate of [Switch off Tap-Highlight-Color on Android 4.4 WebView component](http://stackoverflow.com/questions/19813648/switch-off-tap-highlight-color-on-android-4-4-webview-component) – Paul Sweatte Mar 06 '17 at 15:34

0 Answers0