如图，前端动态生成的select，为什么选中的时候，就看不到选项了？

Question

 var fontSizeEl = $("<select size='4' class='form-control fontSize-select'></select>");
    fontSizeEl.append("<option value='10px'>10</option>");
    fontSizeEl.append("<option value='14px'>14</option>");
    fontSizeEl.append("<option value='16px'>16</option>");
    fontSizeEl.append("<option value='20px'>20</option>");    
    fontSizeEl.val(editor.getFontSize());
    fontSizeEl.click(function(e) { // 点击表情触发
        if (!$(e.target).hasClass("emotion")) {
          var size = $(e.target).val();
          editor.fontSize(size);
        }
    });
    $(this).append(fontSizeEl); // 加载表情

Answer 1

你不要把点击事件绑到当前元素下，要绑到父级或document上

Answer 2

1. 如果使用原生的select/option写这个，原有的样式比较难覆盖。
2. 不过要求不高的话，可以简单覆盖，比如你说的这个应该是margin等导致的。
3. 如果用了CSS库，建议查一下赋一些样式给 option，你这个应该是因为没有赋值相应的样式导致的
4. 或者自己使用div自己写样式