html - 在 IOS Safari 和常规 android 浏览器上根本不显示。

Question

所以我有一个:

<div class="divHr">
<hr size="0.01">
</div>

.divHr hr{
display: block;
width: 100%;
border-top: 0.25px dotted #CCCCCC;
}

如果我在 Chrome/IE/Firefox 上查看它 - 此外，它在移动设备上的谷歌浏览器上运行良好。如果我在 Safari (IOS) 或标准 Android 浏览器上查看网站，HR 根本不显示。我尝试使用 border: 0px; 不显示边框并将 size="0.01" 更改为 1，但它仍然不显示 - 所以它不是边界问题。 `

我真的很想在这方面提供一些帮助，谢谢大家!

Answer 1

我自己之前没有经历过这种情况，但是在使用 IOS 等时，我总是将 appearance: none; 添加到我的 CSS 中。

我希望这对你有用。

关于外观属性的更多信息 https://css-tricks.com/almanac/properties/a/appearance/

最好的问候，