Core | Range issue: No color in Firefox

[frandiox]

Environment

[Core]
  onsenui 2.2.4
  
[Platform]
  Desktop - Linux 64-bit

[Browser]
  Desktop - Firefox 52.0 on Linux 64-bit

Encountered problem

How to reproduce

Demo link

• HTML

<ons-page>
  <ons-toolbar>
    <div class="center">Range sliders</div>
  </ons-toolbar>

  <p>
    <ons-row>
      <ons-col width="40px" style="text-align: center; line-height: 31px;">
        <ons-icon icon="md-volume-down"></ons-icon>
      </ons-col>
      <ons-col>
        <ons-range style="width: 100%;" value="25"></ons-range>
      </ons-col>
      <ons-col width="40px" style="text-align: center; line-height: 31px;">
        <ons-icon icon="md-volume-up"></ons-icon>
      </ons-col>
    </ons-row>
  </p>
</ons-page>

• JS

[frandiox]

@anatoo Do you know why this happens on Firefox? This might be related: https://community.onsen.io/topic/1397/proxiway-a-geo-fencing-based-app-designed-using-onsenui/3

[anatoo]

@frandiox I don't know why but I will investigate this problem at tomorrow or next week.