0

所以我有一个:

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

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

如果我在 Chrome / IE / Firefox 上查看它 - 另外它在移动设备上的 google chrome 上也很有效。如果我在 Safari (IOS) 或标准 Android 浏览器上查看该网站,HR 根本不会显示。我尝试使用不显示边框border: 0px;并将其更改size="0.01"为 1,但它仍然不显示 - 所以这不是边框的问题。`

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

4

2 回答 2

0

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

我希望这对你有用。

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

此致,

于 2016-07-09T19:09:47.863 回答
0

好的,所以我找到了解决方案。而不是<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;

}

于 2016-07-09T22:29:45.263 回答