Schwarzer Rahmen trotz anderer Farbe im CSS

[nullinger]

Ich habe in meinem Shop einen Rahmen um die Produkte erstellt. Auf meinem iPhone wird links und unten ein schwarzer Rahmen dargestellt, obwohl ich im CSS folgenden Code stehen habe (grauer Rand):

div.smallbigs {background:none repeat scroll 0 0 #F8F8F8;border-color:-moz-use-text-color #F1F1F1 #F1F1F1;border-right:1px solid #F1F1F1;border-style:none solid solid;border-width:medium 1px 1px;float:left;height:530px;margin:-10px 5px 10px;padding:6px 0;width:568px;}

Das erste Bild ist der Shop aufm iPhone und das zweite aufm Mac.

 

[Tim Bureck]

Wahrscheinlich kommt das iPhone mit dem -moz-use-text-color nicht klar. Was auch immer es tut, es ist von Mozilla und wird auch nur in Mozillabrowsern funktionieren.

 

[SpiceLab]

Der dort genutzte Browser unterstützt darin nicht diese Regel, die ausschließlich den Mozilla-Browsern (FF, Mozilla, Netscape, uä.) gewidmet ist:

border-color:-moz-use-text-color #F1F1F1 #F1F1F1;

Alle übrigen Browser zeichnen hier einen schwarzen Rahmen.

 

[nullinger]

Danke, genau das war das Problem. Habe es jetzt einfach ohne -moz-use- gelöst.

 

[countryqt30]

Wofür ist das 2x hintereinander die farbe?

-> #F1F1F1 #F1F1F1 ;

 

[SpiceLab]

Diese beiden Hex-Codes definieren, wie eingangs beschrieben, die linke und untere Rahmenfarbe.