autofocus-02b.svg - mozsearch

Enable keyboard shortcuts

Checkerboard

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">

  <rect width="100%" height="100%" fill="lime"/>

  <!-- need href for autofocus to work -->

  <a autofocus="true">

    <rect x="10" y="10" width="300" height="90" fill="lime"/>

  </a>

  <style>

    a:focus { outline: 2px solid blue; }

  </style>

</svg>