1

Есть ли у кого-нибудь еще проблема, и у вас есть решение.диапазон ввода не работает в то или иное ребро

Используя этот html в том числе и в диапазоне, диапазон не отображается.

<html> 
    <head> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
     <link type="text/css" href="/static/css/bootstrap.min.css" rel="stylesheet"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

    </head> 
    <body> 
     <div class="container">  
      <div class="row"> 
       <div class="col-sm-4"> 
        <form method="post" action="/Tactics"> 
         <table align="center" width="100%"> 
          <tr><td>stuff</td><td><input type="range" min="10" max="50"></td></tr> 
          <tr><td>stuff</td><td><input type="range" min="10" max="50"></td></tr> 
         </table> 
        </form> 
       </div> 
      </div> 
     </div> 
    </body> 
</html> 

Если вы выберете первый материал для каждой строки таблицы, диапазон ввода снова будет работать. Это прекрасно, в стиле crome, firefox и opera.

Кто-нибудь видел это, и вы знаете, как исправить?

+0

Вы можете создать [скрипку] (Http: //jsfiddle.net), который точно отражает проблему, с которой вы столкнулись? Я работаю над командой Edge, и мы хотели бы видеть, есть ли что-то, что мы можем сделать, чтобы улучшить этот опыт для других. – Sampson

ответ

3

Добавить MS наполнители:

input[type=range]::-ms-track { 
/*example */ 
width: 250px;height: 10px; 
background: transparent; 
border-color: transparent; 
border-width: 6px 0; 
color: transparent; 
} 

input[type=range]::-ms-fill-upper { 
background: gray; 
border-radius: 6px; 
} 
input[type=range]::-ms-fill-lower { 
background: gray; 
border-radius: 6px; 
} 

Это просто пример, но вы должны сосредоточиться на них:

input[type=range]::-ms-track 
    input[type=range]::-ms-thumb 
    input[type=range]::-ms-fill-upper 
    input[type=range]::-ms-fill-lower 

Проверьте FIDDLE

 Смежные вопросы

  • Нет связанных вопросов^_^