<hr> 未显示在移动电子邮件客户端上

Question

我遇到了<hr>在移动电子邮件客户端上仅显示为黑点的问题。这是我在 CSS 中使用的内容：

 hr {
  color: #333333;
  background-color: #333333;
  height: 1px;
  border: none;
  display: block;
  width: 100% !important;
  }

我在这个网站上看到了一些不同的建议，例如： <hr> tag invisible in ios & android devices browsers

或

<hr> not displaying at all on IOS Safari and regular android browser.

但似乎没有一个解决方案对我有用。

非常感谢任何帮助。

谢谢

Answer 1

我相信如果您删除这些行，您的问题可以解决

color: #333333;
background-color: #333333;
height: 1px;
border: none;

并添加以下行

border-bottom: 1px solid #333333;