textareaタグdisabled属性の効果

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

HTML5標準仕様

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

CSSで文字colorをコントロールできるか

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

薄く見えることをなくすために

opacityを設定します。

<textarea disabled style={{ color: 'red', opacity: 1 }}/>
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.