Opera中的HTML5 datalist元素

Question

我试图在WordPress用户个人资料页面中添加一个数据列表。这是代码：

<input type="text" list="my_list" name="my[artist]" class="regular-text" value="<?php echo esc_attr( get_the_author_meta( 'my_artist', $user->ID ) ); ?>" />
<datalist id="my_list">
    <option value="ACDC">ACDC</option>
    <option value="Iron Maiden">Iron Maiden</option>
    <option value="Led Zeppelin">Led Zeppelin</option>
    <option value="Metallica">Metallica</option>
    <option value="Megadeth">Megadeth</option>
    <option value="Pantera">Pantera</option>
    <option value="Slayer">Slayer</option>
</datalist>

在Chrome和Firefox中一切正常，但Opera会显示一个白色框，其中列表的元素可用但不可见，如图所示：

我可以选择选项，但它们不可见。 有什么建议吗？

Answer 1

根据Opera上的http://caniuse.com/#feat=datalist，数据专家有点儿错误。

那里列出的bug不是你提到的那个，但我想如果它没有得到完全支持，还有一些其他的意外行为......

您应该查看datalist-polyfill，它可能会解决您的问题。