Bootstrap-Eingänge auf Safari 6 nicht richtig?

Question

Ich habe ein Problem mit Twitter Bootstrap-Eingaben, die auf Safari 6.0 korrekt angezeigt werden.

Ich bin mir ziemlich sicher, dass dies in Ordnung war, bevor ich zu Mountain Lion wechselte, und es scheint ein Problem mit Chrome zu sein.

Grundsätzlich scheint in Safari das rechte Ende der Eingabe abgeschnitten und wird nicht korrekt angezeigt. Ive genommen ein Bildschirm zur Demo geschossen, was ich meine ...

Safari:

Chrome:

Irgendwelche Ideen?

EDIT: Nur auf der Twitter Bootstrap Website und ich sehe, dass viele ihrer Eingänge das gleiche Problem haben! Wer sieht das noch?

Answer 1

Das Artefakt scheint ein Problem mit der Darstellung von border-radius in Safari zu sein und ist nicht spezifisch für Twitter Bootstrap. Siehe rendering borders im Support-Forum von Apple. Die Eingaben werden normalerweise normal wiedergegeben, nachdem Sie sie ausgewählt haben.

Durch das Deaktivieren von border-radius auf den betroffenen Elementen mit den folgenden zwei Zeilen wird das Artefakt entfernt. Seien Sie vorsichtig, manchmal verursacht dies even more puzzling artifacts auf in der Nähe befindlichen Tasten.

-webkit-border-radius: 0; 
border-radius: 0;