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