选择线性渐变显示

Question

function colorPattern(){
    var color_Board = $('#colorBoard');
    var color_Pattern_box = ["red", "pink", "skyblue"];
    var color_temp = ('');

    for(var c = 0; c < color_Pattern_box.length; c++){
        color_temp += "<optgroup style='background:linear-gradient("+color_Pattern_box[c]+", #ffffff);'><option>"+color_Pattern_box[c]+"</option></optgroup>";
    }

    color_Board.html(color_temp);

    }

colorPattern();

demo

我的目的是使用线性渐变在选择上制作颜色图案，但我无法使其工作。任何人都可以帮我看看我做错了什么？

Answer 1

向select添加事件侦听器将执行此操作：

ls -R | grep "^\./" | sed 's/://'

Demo

Answer 2

尝试添加＆＃34; -webkit - ＆＃34;那些＆＃34;线性梯度＆＃34;与Chrome兼容的前缀

线性渐变是需要供应商指定的众多CSS3属性之一。