title: How do you remove the blue border of an image map?
body: <p>The landing page is a static background image and I created a clickable area with image map. The problem is that a blue border (see image below) shows up when you click on the area. I want to remove that border however nothing seems to be working.</p>
  
  <pre><code>&lt;div class="fixed-background" &gt;
  &lt;img src="picture.svg" usemap="#image-map"&gt;
  &lt;/div&gt;
  
  &lt;map name="image-map"&gt;
  &lt;area href="target.org" coords="300,1000,30,1100" shape="rect"&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/3iqt2.png" alt=""></p>