Note that there are some explanatory texts on larger screens.

plurals
  1. POSet border-style:none; on my anchor tags but border shows up when I click on a link - why?
    primarykey
    data
    text
    <p>As you can see from the example below, I have a black background and red links to emphasize this problem of dotted borders showing up on my links when they are clicked. I added <code>border-style:none</code> but it doesn't seem to have any effect. Is there some other way to remove the dotted border appearing around the links when they are clicked?</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;style type="text/css"&gt; html, body { height: 100%; margin: 0; padding: 0; font-weight:normal; font-size:12pt; font-family: Verdana, Arial, Helvetica, serif, sans-serif; background:black; } #linksouter { margin: 0; padding: 0; border-style:solid; border-width:0px; position:absolute; top: 0px; left: 0px; width: 80px; text-align:left; } #linksinner { margin: 80px 0 0 .5em; width:100%; display:inline; height:100%; } #linksinner a { color:red; text-decoration: none; display:block; margin: 5px 0 0 0; border-style:none; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="linksouter"&gt; &lt;div id="linksinner"&gt; &lt;a href="#"&gt;1&lt;/a&gt; &lt;a href="#"&gt;1&lt;/a&gt; &lt;a href="#"&gt;1&lt;/a&gt; &lt;a href="#"&gt;1&lt;/a&gt; &lt;a href="#"&gt;1&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload