jQueryプラグイン iziModal の矢印をクリックした時の線を消す

Javascript/jQuery

「 iziModal 」はとてもお洒落なモーダルウィンドウを実装できるjQueryプラグインです。
グループ化した時にナビゲーション(矢印)を表示できるのですが、クリックした時に、線が出てしまいます。

フォーカスした際に出る線ですので、CSSでこれを無効にすることで非表示にできます。
ちなみにこの矢印は、<button>タグで作られています。

<style>
/* フォーカスした時の線を非表示に */
.iziModal-navigate-prev:focus,
.iziModal-navigate-next:focus{
		outline:none;
		}
</style>

 

コメント

タイトルとURLをコピーしました