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/

致以最诚挚的问候，

Answer 2

好的，所以我找到了解决方案。而不是使用<hr>只需创建一个div并将其设置为这样：

.hrDiv{
border-top: 1px dotted #CCCCCC; 
width: 100%;
height: 0.01px;
border-top-style: dotted;
border-left: none;
border-right: none;
border-bottom: none;
color: #CCCCCC;
display: block;
border-color: #CCCCCC;

}

<hr />在IOS Safari和常规Android浏览器上根本不显示。

2 个答案: