iframeのborderやスクロールバーはCSSだけでは消せない

Yukimi Sato 17,164views 更新:2014年3月13日
<iframe src="iframe.html" scrolling="no" frameborder="no"></iframe>

CSSでoverflowやborderを設定していても、ブラウザによってはそれとは別に出ます。
なので、iframeタグにきちんと設定してあげる必要があります。

scrolling="no"

スクロールを無効に。

 frameborder="no"

ボーダーを無効に。

これを設定した上でCSSでスタイル設定をすると、きちんと適用されます。

 

 

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

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

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