下面的简单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 */

07-24 09:54