Stop loading default css after ajax call

问题

I am new with ajax call, currently i am developing a custom style for my dashboard using a hosted web. so im just applying custom style ontop of it .

i tried applying custom style on background, after ajax is loaded. it still working. once i applied it on my table td, it will revert back .

  f.afterDraw = function () {
     const evt = d3.selectAll("#" + arcapi.chartId() + " span.crosstab-expand")
     const chChange = d3.selectAll("#" + arcapi.chartId() + " td.viz-td-header").append('div').attr('class','roger').text("test")
//     chChange.style('background','red')

    let bg = d3.select("#" + arcapi.chartId() + ' td')



  $(document).ajaxStart(function(){
    console.log('starting')
  });

  $(document).ajaxComplete(function(){
     bg.style('background','grey')
    console.log('completed')
  });





  };

What i am encountering is its reverting back to its original default style after ajax is loaded. how can we stop it going back its default stylesheet?

来源：https://stackoverflow.com/questions/60182797/stop-loading-default-css-after-ajax-call