下面简单的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相关问答推荐

srcset和大小总是下载最大的

CSS复选框并排

创建带有弯曲边框的水平时间线

在窄屏幕上显示表格,每个单元格占一行

单独处理Button:Focus的多行按钮

如何在小屏幕中制作水平滚动div

根据Tailwind CSS中的子计数而非子宽度进行对齐,并水平对齐

为什么一个 CSS 网格框比其他网格框低?

如何将多个类名组合到CSS中的一个关键帧

带有图像的虚线边框

:invalid Select 器的惰性判断

为什么我的网页显示网格区域彼此相邻,而不是我设置它们的方式?

如何使用javascript在jsx中重复插入特殊字符?

Tailwind 网格行高度可防止拉伸到最高行的所有相同高度

为什么盒子不在div中显示?

在React中如何处理HTML本地日期输入?

拨动switch 在重新加载时未重置

CSS 跨度与子元素交替 colored颜色

如何让一个 div 元素粘在另一个元素上?

如何使用 html 和 css 为卡片创建此背景框架