Bootstrapのmodalを呼び出すボタンが青線で囲われないようにする

otaguro 116views 更新:2016年1月22日

Bootstrapでは、aタグ等に属性data-toggle=”modal”を設定して、モーダルダイアログを呼び出す事ができますが、モーダルダイアログを閉じた後、このボタンが青線で囲われてしまい不格好になることがあります。

青線を非表示にするには、ボタンにフォーカスしないように、

onFocus="this.blur()"

を設定するか、次のようにCSSで青線(outline)を非表示にします。

a{
  outline:none;
}
a:hover{
  outline:none;
}
a:active{
  outline:none;
}
a:link{
  outline:none;
}
a:visited{
  outline:none;
}

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません