【HTML】動画(videoタグ)の枠線を消す方法

HTML
この記事は約1分で読めます。
スポンサーリンク

なぜかPCのchromeとかiPhoneのsafariだと出ちゃう枠線。
必要かな?と思うけど、白背景に白い動画とかだと要るのか。。。
でもvideoタグに枠線は要らないなぁ。
デフォルトで消えてたらいいと思います。
自分で使う基本のCSSに、このvideoタグについちゃう枠線を消すCSSを追加しておくと楽ちんです。

CSS

video {
  // iPhone safariの枠線を消す
  filter: drop-shadow(0px 0px rgba(0,0,0,0));

  // PCのChromeの枠線を消す
  outline: none;
  border: none;
}

コメント

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