Bootstrap Inputs auf Safari 6 nicht richtig?
Ich habe ein Problem mit Twitter Bootstrap-Eingaben, die auf Safari 6.0 korrekt angezeigt werden.
Ich bin mir ziemlich sicher, dass das in Ordnung war, bevor ich nach Mountain Lion gezogen bin, und es scheint ein Problem mit Chrome zu sein.
In Safari scheint das rechte Ende der Eingabe abgeschnitten zu sein und wird nicht richtig angezeigt. Ich habe einen Screenshot gemacht, um zu demonstrieren, was ich meine ...
Safari:
Chrome:
Irgendwelche Ideen?
EDIT: Wenn ich nur auf die Twitter-Bootstrap-Seite schaue, sehe ich, dass viele ihrer Eingaben das gleiche Problem haben! Hat noch jemand das gesehen?
1 Antwort
Das Artefakt scheint ein Problem bei der Darstellung von border-radius durch Safari zu sein und ist nicht spezifisch für Twitter Bootstrap. Siehe Rendering-Grenzen im Support-Forum von Apple. Die Eingaben werden normalerweise normal wiedergegeben, nachdem Sie sie ausgewählt haben.
Durch das Deaktivieren des border-Radius für die betroffenen Elemente mit den folgenden zwei Zeilen wird das Artefakt entfernt. Sei aber vorsichtig, manchmal verursacht dies noch rätselhafter Artefakte auf Schaltflächen in der Nähe.
%Vor%
Tags und Links input twitter-bootstrap safari