Chrome中未应用选项标记类

时间:2015-08-24 18:26:07

标签: html css google-chrome

我相信Chrome中存在一个错误,特别是版本44.0.2403.157 m。

我有一个&#34;无效&#34; CSS类我适用于<option>元素的<select>标记。我的列表中有300多个条目。当我有 300或更少 <option>标记时,该类适用并正确显示。但是,只要我添加第301个<option>标记,该类就不再适用于任何元素。从来没有这种情况,我刚开始注意到Chrome版本44。

这是一个例子。默认情况下,我列出了300个<option>个标签,如果向下滚动列表,可以看到该类正确应用。请取消注释底部的最终标记,您将看到使用301st元素时,样式消失。

&#13;
&#13;
.css_inactive-format {
    color: #ffffff;
    background: #d9d7d7; 
}
&#13;
<select name="trade_company">
    <option value=""></option>
    <option value="1831255ON">1831255ON (1831255ON) 16 PETER ANDREW THORNHILL</option>
    <option value="200 SOUTH">200 SOUTH ENERGY (200 SOUTH) 4580 ADAMS AVE MIAMI BEACH</option>
    <option value="4ACRIB">4ACRIB (4ACRIB)</option>
    <option class="css_inactive-format" value="AMOCOOIL">AMOCO OIL COMPANY (AMOCOOIL) 28100 TORCH PARKWAY WARRENVILLE</option>
    <option class="css_inactive-format" value="AMOCOOILCO">AMOCO OIL COMPANY (AMOCOOILCO) P.O. BOX 3092 HOUSTON</option>
    <option class="css_inactive-format" value="AMOCOPETPR">AMOCO PETROLEUM PRODUCTS (AMOCOPETPR) P.O. BOX 3092 HOUSTON</option>
    <option class="css_inactive-format" value="AMOCOPETPR">AMOCO PETROLEUM PRODUCTS (AMOCOPETPR) P.O. BOX 3092 HOUSTON</option>
</select>
&#13;
&#13;
&#13;

http://jsfiddle.net/oxoa4ceo/3/

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这是Chrome 44中引入的一个错误,已在Chrome 46中修复,根据以下内容的评论:

https://code.google.com/p/chromium/issues/detail?id=513339#c14

具体做法是:

  

最新的金丝雀,46.0.2468.0,解决了这个问题。   https://www.google.com/chrome/browser/canary.html

     

每个人,你能检查金丝雀是否能解决你的问题吗?

  

批准M45(分支机构:2454)

     

标签:-Merge-Request-45 Merge-Approved-45 Hotlist-Merge-Approved