我似乎不知道如何顯示/添加滾動(dòng)條到一個(gè)反應(yīng)文本區(qū)。我在這里引用了這個(gè)老帖子，防止在WebKit/Blink和其他幾個(gè)中為MacOS觸控板用戶隱藏滾動(dòng)條，但沒有成功。

我在Chrome(版本113.0.5672.129)和Edge(版本114.0.1823.37)上都測試過

以下是我所知道的:

const myComponet = () => {

 return (
    <input type= "textarea" className={styles.largeTextBox} id="someTextBox"/>
   )
}

//Stylesheet
.largeTextBox{
  width: 200px;
  height : 50px;
  overflow-x:hidden;
  overflow-y:scroll;
}

.frame::-webkit-scrollbar:vertical{
  width:11px;
}

.frame-webkit-scrollbar-track{
  background-color: #fff;
  border-radius: 8px;
}

非常感謝你的幫助。

"textarea & quot不是& lt的有效類型。輸入& gt。你想要一個(gè)& lttextarea & gt元素。

<textarea className={styles.largeTextBox} id="someTextBox" />