javascript - 如何将 css 应用于使用 append() 创建的元素

Question

我正在尝试更改 a 中某些选项的文本颜色，但它不起作用。没有一个是红色的

    var style="color:red" 
    $('#newuserSelect')
        .append($('<option>', {
                value: "0",
                title: "hello",
                style: style
            })
            .text("my text"));

http://jsfiddle.net/ZDYEd/应该是红色的颜色是黑色

Answer 1

要使用的属性名称是“css”，而不是“style”。此外，该值应该是一个对象，其属性是要设置的 CSS 属性。

$('#newuserSelect')
    .append($('<option>', {
            value: "0",
            title: "hello",
            css: { color: "red" }
        })
        .text("my text"));

顺便说一句，您也可以使用该初始化对象设置文本:

$('#newuserSelect')
    .append($('<option>', {
            value: "0",
            title: "hello",
            css: { color: "red" },
            text: "my text"
        })
    );

现在，this does work , 但请务必注意，当您查看带有 <select> 的页面时元素不是“打开”，你不是在看 <option>元素。如果您希望所选文本为红色，则还需要设置 <select> 的样式。元素本身。当只有一个 <option> , <select>无法“打开”，所以您永远看不到 <option> 的样式.

我记不清了，但可能是 IE 或它的旧版本不会关注 <option> 上的样式元素。即<select>在旧版本中以一种非常奇怪的方式实现。