如何改变引导文件输入中的消息颜色？

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'); 
     }