Remove Highlight on click

by softwareinnovator

HTML

<div class="nohighlight" style="">
<svg id="l1" class="nohighlight" viewBox="0 7 300 500" fill="none" stroke-linejoin="round" stroke-linecap="round" y="0" x="0" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" visibility="visible" style="margin: auto; width:100%; height:100%; " preserveAspectRatio="xMidYMax" pointer-events="all" onclick="window.location.href = 'www.google.com'">
<g id="paths">
    <path id="letter" class="nohighlight" pointer-events="all" onclick="window.location.href = 'www.google.com'" fill="none" stroke-width="8" stroke="#D2691E" d="M80 23c0,46 0,92 0,138 0,25 5,45 15,58 10,14 25,21 44,21 20,0 35,-7 46,-20 10,-14 16,-33 16,-59 0,-11 0,-24 0,-34l0 -104">
</g>
</svg>
</div>

CSS

.nohighlight {
               box-shadow:none;
                                                            width: 22%;
            height:30%;
            position:relative;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-o-user-select:none;
            outline: 0;
                border: none;
                color: rgba(255, 255, 255, 0);
        }
        
                                  .nohighlight:focus{
                                          outline: 0;
                border: none;
                        -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance:none;
                          }