textareaのスクロールバーを非表示にする方法

COLUMN コラム

2023年09月30日
textareaのスクロールバーを非表示にする方法
- ＩＴ系

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

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