2012-07-29 58 views
8

我在使用Safari Bootstrap輸入時出現Safari瀏覽器正確顯示的問題。safari 6上的Bootstrap輸入不正確?

我很確定這是好的,然後我搬到山獅,它似乎是與Chrome的問題。

基本上在Safari中,輸入的右端看起來被切斷了,顯示不正確。香港專業教育學院採取了屏幕截圖演示了我的意思......

Safari瀏覽器:

Safari

鉻:

Chrome

任何想法?

編輯:只要看看Twitter的Bootstrap網站,我看到他們的投入很多都有同樣的問題! 其他人看到這個?

+1

看一下'box-sizing',也許玩寬 – Sherbrow 2012-07-29 22:22:50

+0

注意確定,看不出它是如何影響它的?相當新的這個,所以不知道在哪裏看! – shorn 2012-07-29 22:38:30

+0

我幾乎肯定認爲它是一個Safari問題。看着這個網站,並注意到這些徽章中的一個[見這裏](http://cl.ly/image/1K3a3W1o2r3u) - 查看評論員徽章,右側。自舉站點上的按鈕/輸入/元素看起來像這樣 – shorn 2012-07-29 22:40:00

回答

3

該工件似乎是Safari的邊界半徑渲染問題,並不特定於Twitter Bootstrap。請參閱Apple支持論壇上的rendering borders。輸入通常在您選擇輸入後正常渲染。

使用以下兩行禁用受影響元素的邊界半徑將刪除工件。不過要小心,有時這會在附近的按鈕上產生even more puzzling artifacts

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