Question

我想知道是否可以设置<datalist>样式（例如：jsfiddle.net）。

我在其中一个选项上尝试了内联css，例如background-color:#F00（x），但没有任何反应。有没有人以前成功地设计过它们？或任何教程链接，因为我似乎找不到任何。

提前感谢您的帮助。

Answer 1

与普通下拉列表<datalists>一样，样式设置不是很灵活。你不能用CSS设置它们的样式。每个浏览器都为<datalist>元素处理自己的样式。

来自Tuts +网站：

由于更广泛的浏览器支持仅是最近的，因此可以预测供应商的解释。 Firefox和Chrome使用操作系统主题用于样式列表选项，而Opera将继承某些输入字段中的样式（颜色，字体系列）。除此之外，忘记使用CSS设置datalist元素的样式。

jquery示例：

HTML：

<input type='text' id='input'>

使用Javascript：

$(document).ready(function() {
    var arrayOfOptions = [
        "Option 1",
        "Option 2",
        "etc"
    ];

    $("#input").autocomplete({source: arrayOfOptions});
});

格式化<datalist> HTML？</datalist>

1 个答案: