<hr> nicht auf mobilen E-Mail-Clients angezeigt

Question

Ich habe Probleme mit <hr> nur als schwarzer Punkt auf mobilen E-Mail-Clients angezeigt. Hier ist, was ich verwende in meinem CSS:

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

ich ein paar verschiedene Vorschläge auf dieser Seite gesehen haben, wie: <hr> tag invisible in ios & android devices browsers

oder

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

Aber keiner von Die Lösungen scheinen für mich zu funktionieren.

Jede Hilfe wird sehr geschätzt.

Dank

Answer 1

Ich glaube, das Problem gelöst werden kann, wenn Sie diese Zeilen

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

entfernen und die folgende Zeile

border-bottom: 1px solid #333333;