当选项太多时,HTML选择列表选项会丢失CSS字体样式

时间:2015-08-04 01:43:14

标签: html css google-chrome

我尝试使用自定义字体设置HTML options列表的select样式。当选项相对较少时,这种方法很有效,我不确定确切数量,但我认为< 500左右。但是,当我超过此阈值时,自定义字体不再适用于选项。看一下这个小提琴的例子。

https://jsfiddle.net/eympj0yq/

左手小提琴中的选项使用指定的字体,但右侧的选项不适用。有没有其他人经历过这个,如果有的话有任何变通方法吗?这在Chrome 44.0.2403.125上发生,如果这有任何区别。

编辑:刚刚在Firefox 39.0和Internet Explorer 11上进行了检查,它在两者中都有效,因此它看起来只是Chrome的问题。

编辑:发现相关的Chromium问题,表示选项限制为300 https://code.google.com/p/chromium/issues/detail?id=515014。 5天前开业!

1 个答案:

答案 0 :(得分:0)

我发现另一个问题与https://code.google.com/p/chromium/issues/detail?id=513339上方的问题有关。基本上,由于性能原因,Chrome开发人员决定在300多个选项之后禁用选项样式。

它已在Canary 46.0.2468.0中修复,因此很快就会在常规Chrome中修复。

这是修复问题http://src.chromium.org/viewvc/blink?view=revision&revision=199776

的修订版