2016-07-15 57 views
1

我無法弄清楚這一點。爲什麼選擇一個項目後,下拉框標記爲藍色?這是一個錯誤?下拉是由jadery數據表的插件yadcf生成的。我錯過了什麼嗎?yadcf總是選擇外部過濾器下拉菜單

示例代碼:http://plnkr.co/edit/kpQabGuM6HYRPiI1Av1E?p=preview

示例圖片:http://imgur.com/a/pZvxT

$(document).ready(function() { 
    var table = $('#example').DataTable({ 
     "bLengthChange": false 
    }); 

    yadcf.init(table, [ 
     { 
      column_number: 1, 
      filter_type: "select",   
      filter_container_id: "ddl", 
      filter_delay: 500, 
      filter_reset_button_text: false, 
      style_class:"form-control"   
     }, 
     { 
      column_number: 2, 
      filter_type: "select", 
      filter_delay: 500, 
      filter_reset_button_text: false 
     } 
    ]); 
}); 

回答

1

這是不是一個錯誤,這是一個功能!

正如你所看到的jquery.dataTables.yadcf.css文件裏面有一部分;

.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse { 
    background: #8BBEF0; 
} 

如果你不想要這個藍色,只是在你的代碼white顏色覆蓋它。

<style> 
.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse { 
    background: #FFF; 
} 
</style> 

你可以看到這裏的工作示例:Plunker

+0

一個特點的確,你最好把它設置爲'背景:無;'這樣你不會限制你的用戶界面,它周圍的其他可能的顏色... – Daniel