type="range" и ie

[RK3DNP]

Добрый день, на сайте вывел ползунок

<div class="range"><input type="range" name="rangeInput" id="rangeP" min="0" max="1" step="1" value="0" onchange="updateTextInput(this.value);"></div>  <p id="demo"></p>

Через css привел к одному виду в разных браузерах, но осталось две проблемы:

1. В ИЕ при нажатии на ползунок и перемещении, появляется с верху квадратик с цифрой, значением, вот как его убрать.

2. При перемещении ползунка, в зависимости от значения 0 или 1, должна меняться картинка, в гугле и опере меняется, а в ИЕ не хочет, где ошибка?

 

<script type="text/javascript">    function updateTextInput(val) { 	  if (val == "0") {        document.getElementById('demo').style = "background:url(/images/yandex.jpg) no-repeat left top;";            } else {        document.getElementById('demo').style = "background:url(/images/google.jpg) no-repeat left top;";    }    }  </script>

Заранее спасибо.

 

[Igor Schnaider]

В ИЕ при нажатии на ползунок и перемещении, появляется с верху квадратик с цифрой, значением, вот как его убрать.

::-ms-tooltip ?

[Q4Dizzy]

https://jsfiddle.net/jh95h1ao/

[RK3DNP]

Всем большое спасибо, получилось.