Can focused Google Maps markers be styled? <p>I have this <a href="http://fiddle.jshell.net/NXhP4/" rel="nofollow">form where you can enter a location</a>, which (if Google can find it) is shown as a marker on a map. Basically I have a Google map with a marker embedded in a form; the map is surrounded with input fields.</p> <p>When you tab trough the form fields, at a certain point elements within the map are focused. One of the focusable elements is the <code>area</code> in the <code>map</code> used on the marker image. On Chrome 22 and Firefox 15 I can't see any default focus styling for areas. That annoyed me, so I tried to add some styling. Even without <code>:focus</code> this is <strong>not</strong> working:</p> <pre><code>area { outline: 2px solid red; } </code></pre> <p>Is there a way to style focused Google maps markers?</p> <hr> <p><strong>Edit</strong>: Since styling areas does not work I tried to see if I could bind a focus event listener to the areas. There is no focus event available for <a href="https://developers.google.com/maps/documentation/javascript/reference#Marker" rel="nofollow">markers</a> in the Google Api. So, that's a dead end.</p> <p>When you try to add a listener on areas (without using the Google Api), you will run into the problem that markers aren't placed synchronically and that there is no callback available in the Google Api.</p> <p>You could setup a <a href="https://developer.mozilla.org/en-US/docs/DOM/window.setInterval" rel="nofollow"><code>setInterval</code></a> to add focus listeners to new areas, but I don't like that solution a lot.</p> <p>Does anyone have any other ideas?</p>