textareaタグdisabled属性の効果

safariの場合、無効になったtextareaが入力できず、文字の色がグレイになります。

HTML5標準仕様

文字をグレイにするかどうかは、W3c標準上には規定がありません。そのため、chromeとsafariの実装が違います。

ブラウザの実装ロジックが優先されているので、CSS設定で完全にコントロールすることができません。
safariで確認したところ、colorにredに設定しても、本来の赤色ではなく、薄く見えるような赤色になります。

opacityを設定します。

<textarea disabled style={{ color: 'red', opacity: 1 }}/>