如何修改React Textarea右下角缩放角的颜色？

当然可以调整，Chrome和Firefox的缩放手柄样式实现不同，得分别用对应的CSS伪元素来修改，给你整合后的完整代码：

完整CSS代码 #

#comment-box {
  border-color: darkred;
  box-shadow: 0 0 0 0.25rem rgba(139, 0, 0, 0.2);
}

/* 针对Chrome、Edge等WebKit内核浏览器 */
#comment-box::-webkit-resizer {
  /* 用边框模拟斜线颜色，替换默认灰色 */
  border-right: 2px solid darkred;
  border-bottom: 2px solid darkred;
  background-color: transparent;
}

/* 针对Firefox浏览器 */
#comment-box::-moz-resizer {
  border-right: 2px solid darkred;
  border-bottom: 2px solid darkred;
  background-color: transparent;
}

/* 或者Firefox 118+版本支持的简化写法 */
#comment-box {
  resize-color: darkred;
}

说明 #

• WebKit内核浏览器（Chrome、Edge）通过::-webkit-resizer伪元素，用边框模拟出深色斜线效果，覆盖默认灰色样式。
• Firefox可以用::-moz-resizer伪元素做同样设置，新版本浏览器也能直接用resize-color属性一步到位。

内容的提问来源于stack exchange，提问作者VikSil