1. ホーム
  2. iphone

[解決済み] iOSで入力の文字色を無効にする

2022-05-16 03:53:43

質問

下記のシンプルなHTMLは、FirefoxとWebKitベースのブラウザで表示が異なります(Safari、Chrome、iPhoneで確認しました)。

Firefoxでは、枠線も文字も同じ色( #880000 ) ですが、Safari ではテキストが少し明るくなります (まるで透明度が適用されているかのように)。

どうにかしてこれを修正する(Safariのこの透明度を取り除く)ことはできないでしょうか?

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
        input:disabled{
            border:solid 1px #880000;
            background-color:#ffffff;
            color:#880000;
        }
        </style>
    </head>
    <body>
        <form action="">
            <input type="text" value="disabled input box" disabled="disabled"/>
        </form>
    </body>
</html>

どのように解決するのですか?

-webkit-text-fill-color: #880000;
opacity: 1; /* required on iOS */