Javascript 如何设置显示条目的样式并从数据表中增加字体的字体大小

我正在处理一个HTML文件。因为我的数据主要是表格数据。我利用了Datatables提供的漂亮样式。但是，我想更改颜色、边框颜色，增加显示条目旁边的选择图标，并增加文本。为了您的方便，Einträge Anzigen是show entry，基本上就是de版本

下面是它现在的样子：

这是我相应的javascript文件，以备您需要参考：

<script> 

$(document).ready(function() {
    $(".se-pre-con").fadeOut("slow");


           $('table thead tr').clone(true).appendTo( 'table thead' );
           $('thead tr:eq(1) th').each( function (i) {
               if(i > 4){
                   $(this).hide()
               }
           })

            $('table').DataTable( {

                fixedHeader: true,

                language: {
                    processing:     "Bitte warten ..",
                    search:         "Suchen",
                    lengthMenu:    "_MENU_ Einträge anzeigen",              
                    info:           "_START_ bis _END_ von _TOTAL_ Einträgen",
                    infoEmpty:      "Keine Daten vorhanden",
                    infoFiltered:   "(gefiltert von _MAX_ Einträgen)",
                    infoPostFix:    "",
                    loadingRecords: "Wird geladen ..",
                    zeroRecords:    "Keine Einträge vorhanden",
                    paginate: {
                        first:      "Erste",
                        previous:   "Zurück",
                        next:       "Nächste",
                        last:       "Letzte"}
                    },

                   initComplete: function () {

                       this.api().columns().every( function () {

                           var column = this;

                           console.log(column.index())
                           var select = $('<select><option value=""></option></select>')
                               .appendTo( $(column.header()).empty() )
                               .on( 'change', function () {
                                   var val = $.fn.dataTable.util.escapeRegex(
                                       $(this).val()
                                   );

                                   column
                                       .search( val ? '^'+val+'$' : '', true, false )
                                       .draw();
                               } );

                           column.data().unique().sort().each( function ( d, j ) {
                               select.append( '<option value="'+d+'">'+d+'</option>' )
                           } );
                       } );
                   }
               } );

       } );

</script> 

---

添加CSS以使select的元素容器更大

---

在浏览器中单击鼠标右键，单击“检查”，查看DT对这些元素使用的类，并相应地创建自定义CSS。在不高估的情况下，在这个特定问题上有+50个答案。我如何向您展示它所展示的内容？让我更新这个问题。这是一个非常令人困惑的示例：.dataTables_length{color:red；}.dataTables_length select{border:1px solid lime；}等等。我有没有办法在选择框和实际表之间添加一个空格？这只是CSS添加一些边距底部，即dataTables_length{margin bottom:1em；}或任何您需要的空间，或在表格顶部添加边距

.dataTables_length, .dataTables_length select{ font-size: 2em;}