如何改變引導文件輸入中的消息顏色？

Question

我與引導的FileInput工作：

這是我的代碼：

inputfile: function(id_usu){ 

    var self = this; 
    $("#input_file_"+id_usu+"_id").fileinput({ 
     'language': "es", 
     'showCancel': false, 
     'showUpload':true, 
     'previewFileType':'any', 
     'uploadLabel': "<strong style='color:rgb(65, 86, 62); font-weight: normal;'>Subir archivo</Strong>", 
     'uploadAsync': false, 
     'allowedFileExtensions': ["xls"], 
     'uploadIcon': '<i class="glyphicon glyphicon-upload" style="color:rgb(65, 86, 62);"></i>', 
     'uploadUrl' :"../../sistema/api/sistemaTareas/v1/subirarchivo", 
     'showPreview': false, 
     'elErrorContainer': '#kv_error_'+id_usu+'_2' 
     }).on('filebatchpreupload', function(event, data, id, index) { 
      $('#kv_success_'+id_usu+'_2').html('<h4>Estado:</h4><ul></ul>').hide(); 
     }).on('filebatchuploadsuccess', function(event, data , previewId, index) { 
      var out = ''; 
      $.each(data.files, function(key, file) { 
       console.info(data.response); 
       if(data.response == 1){ 
        out = out + '<li>Se guardaron los datos con éxito.</li>'; 
       } 
       if(data.response == 2){ 

        out = out + '<li>El formato de archivo no es el correcto.</li>'; 
       } 
       if(data.response == 3){ 

        out = out + '<li>El archivo debe ser editable.</li>'; 
       } 

      }); 

      $('#kv_success_'+id_usu+'_2 ul').append(out); 
      $('#kv_success_'+id_usu+'_2').fadeIn('xslow'); 
      window.setTimeout(function(){ 
      $('#kv_success_'+id_usu+'_2').fadeOut('xslow'); 
      }, 20000); 
     }); 

我需要修改messege的顏色：

我有這3個消息：

   if(data.response == 1){ 
        out = out + '<li>Se guardaron los datos con éxito.</li>'; 
       } 
       if(data.response == 2){ 

        out = out + '<li>El formato de archivo no es el correcto.</li>'; 
       } 
       if(data.response == 3){ 

        out = out + '<li>El archivo debe ser editable.</li>'; 
       } 

這條留言內容看不見：

當該消息是：

-Se guardaron洛斯DATOS CON EXITO。

背景色爲好

但是當消息是：

• 薩爾瓦多formato去檔案館沒有上課EL correcto。

或

• 薩爾瓦多檔案館德貝SER編輯。

我需要一個危險的背景顏色。

我該怎麼做？

我使用這個庫：fileinput.min.js

Answer 1

這將有助於看到HTML（和正在使用的CSS）也一樣，但嘗試這樣的事情。通過你的截圖，我假設正在使用Twitter Bootstrap。

 if(data.response == 1){ 
      out = out + '<li>Se guardaron los datos con éxito.</li>'; 
     } 
     if(data.response == 2){ 
      out = out + '<li>El formato de archivo no es el correcto.</li>'; 
      $('div[class*="#kv_success_"]').closest('.alert').removeClass('alert-success').addClass('alert-danger'); 
     } 
     if(data.response == 3){ 
      out = out + '<li>El archivo debe ser editable.</li>'; 
      $('div[class*="#kv_success_"]').closest('.alert').removeClass('alert-success').addClass('alert-danger'); 
     }