2015-11-05 54 views
12

当我使用appearance:none;增加了select输入的字体大小时, Safari还会增加弹出选项的字体大小,这会导致截断的复选标记。我怎样才能解决这个问题?使用截断检查呈现的Safari Select-Popup

Live example

safari rendering bug

select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    font-size: 26px; 
} 
+0

Safari版本?视网膜?在Safari 9.0.1(视网膜)中看起来不错。 –

+1

在我的OS X优胜美地10.10.5与视网膜上的Safari 9.0.1它看起来不正确,我有两个点,而不是一个复选框。 –

+0

无法在OS X El Capitan 10.11.1上重现(尝试不同的屏幕分辨率和放大/缩小)。 –

回答

0

这是在Safari中的错误。它在版本9中得到了修复,但在Safari 8(也许更早)中被破解。我已经检查了Safaru 9.0.1 - 看起来不错。

+1

我仍然在Safari 9.0.1中得到相同的错误https://youtu.be/98bTPyiddMk 任何想法修复? –

+0

不幸的是,我认为不可能通过CSS来修复。它不是在我的Safari 9.0.1中重现的。你可以尝试使选择元素更大(增加宽度),也许它会有所帮助。 –

+0

我试过了,并没有伤心。哦,那么我必须忍受那个错误。 –

0

我们注意到基于OSX版本的一个奇怪的差异。

我有El Capitan与Safari 9.0.3并没有看到省略号。但是我的同事让Yosemitie拥有相同版本的Safari 9.0.3,他看到了省略号。所以这个错误似乎可能与OS/Safari组合相关,而不仅仅是浏览器版本。