【html/CSS】非表示にしたいものを消す（キャレット、スクロールバー）

キャレット（チカチカ点滅する縦棒マーク）

行の端や文字の間でチカチカ点滅している縦棒マークがありますが、これは キャレット と呼ぶそうです。

こういうのです

テキストエディタでは文字入力・変換の起点を示す無くてならぬ存在ですが、htmlだと画像の端にも出てきて鬱陶しい場合もあります。消し方はこうで、キャレットを透過にします。

html {
    caret-color: transparent;
}

スクロールバー

スクロールバーは疑似要素を使って消します。CSSなど外部ファイルで指定するとhtmlの表示直後にチラッと出てしまう場合がありますが、そういうときはhtmlに直書きするしかないようです。

html::-webkit-scrollbar{
    display: none;
}