html - 选项标记类未在 Chrome 中应用

Question

我认为 Chrome 中存在错误，特别是版本 44.0.2403.157 m。

我有一个“未激活”的 CSS 类，我将其应用于 <option> <select> 的标签元素。我的列表中有 300 多个条目。当我有 300 或更少 时，该类适用并正确显示 <option>标签。但是，一旦我添加第 301 个 <option>标签，该类不再应用于任何元素。以前从来没有这种情况，我刚开始在 Chrome 44 版中注意到它。

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

.css_inactive-format {
    color: #ffffff;
    background: #d9d7d7; 
}

<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>

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

有什么想法吗？

Answer 1

根据 easwee 的评论，这是 Chrome 44 中引入的错误，已在 Chrome 46 中修复:

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

具体来说:

The latest canary, 46.0.2468.0, fixed this issue. https://www.google.com/chrome/browser/canary.html

Everyone, would you check if the canary fixes your problems please?

和

Approved for M45 (branch: 2454)

Labels: -Merge-Request-45 Merge-Approved-45 Hotlist-Merge-Approved