CanvasXpress css file conflict with HTML <input type="range"> element

Hi I am trying to use range input in my HTML page for some value input, The problem is if I directly add the canvasXpress.css file into my HTML, all of my range input bars will disappear from my page. Is there any solutions for this problem?

Here is my HTML:

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <!---<link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css"type="text/css"/>--->
    <!---If this css file is added the range bar will disappear>--->
</head>
<body>
    <div>
           <label for="rangebar">Here should be a range input：</label>
          <input type="range" id="rangebar" min="0" max="11" />
    </div>
</body>
</html>

neuhausi / canvasXpress

CanvasXpress css file conflict with HTML <input type="range"> element #142