CSS
iPhone
Safari
frontend

iPhoneのSafariでdisabledのinputの文字色を指定する

iPhoneのSafariにおいて、disabledのinputに入っている文字の色を変更するためには下記のように指定する必要がある。

style.css
input {
  -webkit-text-fill-color: black;
  opacity: 1;
}

-webkit-text-fill-colorで色を指定し、opacityで透過率を指定する。