Geek Answers Handbook

How can I get --webkit-tap-highlight-color to highlight the entire DIV?

I'm struggling to get iPhone OS4 to make the default selection on the DIV in the UIWebView (i.e. built-in to the application, not to Safari).

Markup:

<a href="...">
<div class="item">
 <div class="imgWrapper">
   <img...>
 </div>
 <div class="Title">
  Title text
 </div>
</div>
</a>

I am aiming for a display that looks like viewing my own photos - i.e. a scroll list with an image on the left, followed by some text, with a list separated by a thin border line. The crane anywhere in the list entry must start the link - in the image, in the text or in the space between the separators of the list items.

I cannot replace the onclick = location.href = ... element with a DIV because I use a custom URL scheme to feed the click back to the application, and location.href = doesn’t start the UIWebView delegate.

Here is what I have tried so far:

  • HTML-, CSS. , .
  • 320px , img float left - ,
  • !

, HTML - - / , ?

+1
3

. -, HTML div . , HTML. , - html- -, , , . - . -, , , node, , . - CSS:

body {
    -webkit-tap-highlight-color: #ccc;
}

-, onlick="window.location=your_href;"

, , .

+5

, (, , mousedown, mousemove, mouseup ..), .

http://www.quirksmode.org/dom/events/tests/click.html http://www.quirksmode.org/dom/events/tests/mouseover.html ( iOS5, ).

. , , , .

+1

, :

body {
    -webkit-tap-highlight-color: transparent;
}
0

More articles:


All Articles