下面简单的HTML在基于Firefox和WebKit的浏览器中显示不同(我在Safari、Chrome和iPhone中查看过).

在Firefox中,边框和文本都有相同的 colored颜色 (#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 */

Html相关问答推荐

使用 useRef 获取活动背景 colored颜色

为网站上的非 html 文件设置标题和网站图标

垂直图像调整大小. (弹性或垂直)

如何将不同的 div 相互堆叠(应该是响应式的)

我可以使用 Markdown 在 hugo 帖子内容中创建带有 'target="_blank"' 的链接吗?

试图让我的网格并排而不是堆叠在一起

边框半径创建黑色

带弹性框的距离列间距(css)

Flask 应用程序返回字符串不显示

CSS:如何正确设置 url 图像以选中复选框

如何按元素的水平对齐文本?

具有视口高度的父元素内部的子元素的百分比高度不起作用

如何设置段落的字数限制?

如何使用 CSS 修复球动画

使用smoke动画减小ring大小

如何更改“唯一元素”的间距

Tailwindcss 和 Flexbox 的意外行为

带有 ul 后跟输入的 Flexbox 行布局

如何使用 CSS 制作这种照明效果

如何在保持图像纵横比的同时拉伸图像以填充