javascript・jQueryでのタブ切り替えボタンのエフェクトを無くしたい

Question

現在、　https://qiita.com/Chinats/items/f947ec965175847bb858　ここを参考に、タブメニューを作っています。以下がコードになります。
html

<div class="ChangeElem_Btn_Content">
  <button class="ChangeElem_Btn">1番目のタブ</button>
  <button class="ChangeElem_Btn">2番目のタブ</button>
  <button class="ChangeElem_Btn">3番目のタブ</button>
</div>
<ul>
  <li class="ChangeElem_Panel">1番目のコンテンツ</li>
  <li class="ChangeElem_Panel">2番目のコンテンツ</li>
  <li class="ChangeElem_Panel">3番目のコンテンツ3</li>
</ul>

css

.ChangeElem_Panel{
  display: none;
}

jQuery

$(function () {
  /*初期表示*/
  $('.ChangeElem_Panel').hide();
  $('.ChangeElem_Panel').eq(0).show();
  $('.ChangeElem_Btn').eq(0).addClass('is-active');
  /*クリックイベント*/
  $('.ChangeElem_Btn').each(function () {
    $(this).on('click', function () {
      var index = $('.ChangeElem_Btn').index(this);
      $('.ChangeElem_Btn').removeClass('is-active');
      $(this).addClass('is-active');
      $('.ChangeElem_Panel').hide();
      $('.ChangeElem_Panel').eq(index).show();
    });
  });
});

これで作成すると、タブの切り替えボタンをタップした時に、青い縁取りのエフェクトが表示されるのですが、それを削除したいです。
どこを書き換えれば表示されないようになりますか？

Answer 1

. ChangeElem_Btn{
outline:0;
}

青い縁取りのエフェクトがこのことであれば、以上のコードでお試しください。
outline:none;でも多分行けるはずです。

outlineのブラウザ対応状況
https://caniuse.com/#search=outline

Comments

[musashidayo]

早速変更してみたところしっかりと表示されなくなりました！迅速な回答ありがとうございます！