鍍金池/ 問答/HTML/ 如圖，前端動態(tài)生成的select，為什么選中的時候，就看不到選項了？

如圖，前端動態(tài)生成的select，為什么選中的時候，就看不到選項了？

圖片描述

 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) { // 點擊表情觸發(fā)
        if (!$(e.target).hasClass("emotion")) {
          var size = $(e.target).val();
          editor.fontSize(size);
        }
    });
    $(this).append(fontSizeEl); // 加載表情
回答
編輯回答
失魂人
  1. 如果使用原生的select/option寫這個，原有的樣式比較難覆蓋。
  2. 不過要求不高的話，可以簡單覆蓋，比如你說的這個應該是margin等導致的。
  3. 如果用了CSS庫，建議查一下賦一些樣式給 option，你這個應該是因為沒有賦值相應的樣式導致的
  4. 或者自己使用div自己寫樣式
2018年5月28日 23:27
編輯回答
朽鹿

你不要把點擊事件綁到當前元素下，要綁到父級或document上

2017年12月21日 15:13