Opera 中的 HTML5 数据列表元素答案

【问题标题】：HTML5 datalist element in OperaOpera 中的 HTML5 数据列表元素
【发布时间】：2016-03-27 06:58:26
【问题描述】：

我正在尝试在 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 显示一个白框，其中列表的元素可用但不可见，如图所示：

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

【问题讨论】：

标签： php wordpress html opera datalist

【解决方案1】：

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

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

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

【讨论】：