a标签的点击问题

            .tablebtn{
                display: inline-block;
                width: 100px;
                height: 100px;
                border-radius: 50%;
                background: #fff;
                margin: 10px 0;
                overflow: hidden;
            }

                  <a class="tablebtn" href="javascript:void(0)">
                      <br />
                      <span class="table_name">富贵</span>
                      <br />
                      <span class="table_number">001</span>
                  </a>

当我点击的时候如何不让这个a标签出现那个蓝色的框框 太丑了

---

outline:none

---

这个是浏览器的蓝色框框吧

---

-webkit-tap-highlight-color: transparent  
-webkit-appearance: none;