デザイン的にスクロールバーを表示したくない時ってあると思うので、その備忘録に記しておきます。

.textarea{
  /*要素の高さを指定*/
  height: 300px;
  /*上下方向にはみ出した要素ををスクロールさせる*/
  overflow-y: scroll;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
.textarea::-webkit-scrollbar{
  display:none;
}

参考：https://recooord.org/overflow-hide-scrollbar/

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

内田 美樹

システムエンジニアをしています。 フロントエンドを主に、サーバーサイドも書いたりします。 JS/TS/Python/Javaは少しだけ React/Angular/Next/Nuxt/Vue/Nodeなんかを使ったりします。

最新記事 by 内田 美樹 (全て見る)

• 【雑談】持ち家でも家にかかる費用を一部経費にできるらしい - 2024年4月30日
• 【雑談】確定申告お疲れ様です - 2024年3月31日
• 【雑談】iPhone15Pro買いました - 2024年2月29日