Html OSX/IOS上的边框颜色自适应颜色属性

有人能给我解释一下为什么在下面的例子中，边框颜色有时不是css中声明的颜色吗

网址：

在页面上，您会看到两个框，其中两个框周围有链接。 现在，如果您在Windows PC上查看它，

边框颜色

在我可以测试的每个浏览器上都显示正确。但是如果我从iphone访问页面，边框颜色与文本

color

相同。我不能用css覆盖它，当我用css更改

的

颜色时，
边框颜色也会相应更改。
以下是我的iPhone 6使用Chrome的屏幕截图

这似乎是边界的尺寸，如果使用1像素的高度，这可能与视网膜显示有关。我可以很容易地在一个非常简单的设置中重现这种不良行为：

假设HTML语法如下：

<div class="werkliste-inner">
    <p>Lorem ipsum</p>
    <p>Text text text</p>
</div>
<div class="werkliste-inner">
    <p>Lorem ipsum</p>
    <p>Text text text</p>
</div>

我在iPhone5+iPhone6上使用了不同的颜色，这两款手机都使用了iOS 8。你会找到小提琴来测试的

我尝试了各种想法，但当我使用1像素值时，它就出了问题（例如：一个高度为1px的元素和一个
背景色
，一个
边框图像
，一个
背景图像
）。最后，我提出了一个缩放解决方案，它对我很有效：

.werkliste-inner-fix:before {
    display: block;
    content: '';
    background: #6e6e6e;
    height: 2px;
    transform: scaleY(0.5);
}

如您所见，我使用伪元素和缩放来“修复”不正确的高度。这是最新的

这个概念并不新鲜，它与视网膜显示和像素显示有关，但这确实是我第一次在色彩渲染中看到效果

您应该知道，这只是针对iOS设备的修复，因此您可以将其包装在媒体查询中，以避免在其他操作系统中产生不必要的交叉影响

@media only screen and (-webkit-min-device-pixel-ratio: 2) {...}

请发布您的代码，以便我们能够提供帮助。在我发布的链接中，cody的每一点都是可访问的，很抱歉没有告诉您失败的确切位置，但这就是重点，我不知道失败的原因。据我所知，苹果的能力太弱，无法正确处理简单的边框颜色属性。这并不是说我讨厌苹果，我非常喜欢苹果，但是这个问题让我很头疼。如果你把代码贴在这里会更好。我们不知道这个链接是否安全，然后我们不得不经历查看源代码等麻烦。将相关代码发布到这里或类似JSFIDLE的地方。这就是问题所在，我不知道相关代码是什么。从我的角度来看，代码中的所有内容看起来都是正确的，因此如果我不在这里发布每一位，就有可能丢失重要部分。相关代码是您遇到问题的元素的CSS/HTML。您在哪里设置
边框颜色
。此部分的HTML显示不正确。这些是我们需要看到的部分。这很奇怪，当我想在我的iPhone上再次看到错误时，它就消失了。。。不管怎么说，如果它再次弹出，我会尝试你的解决方案，这似乎很合理（即使这个问题也出现在普通的iMac上）。既然你为此付出了这么多的努力，我还是会给你奖金：）谢谢你的回答
@media only screen and (-webkit-min-device-pixel-ratio: 2) {...}