textareaタグdisabled属性の効果
safariの場合、無効になったtextareaが入力できず、文字の色がグレイになります。
HTML5標準仕様
文字をグレイにするかどうかは、W3c標準上には規定がありません。そのため、chromeとsafariの実装が違います。
CSSで文字colorをコントロールできるか
ブラウザの実装ロジックが優先されているので、CSS設定で完全にコントロールすることができません。
safariで確認したところ、colorにredに設定しても、本来の赤色ではなく、薄く見えるような赤色になります。
薄く見えることをなくすために
opacityを設定します。
<textarea disabled style={{ color: 'red', opacity: 1 }}/>