2014-11-28 2 views
1

MSDN에서이 페이지를 찾았지만 실제로 좋은 설명이 아닙니다. 입력 범위의 IE 내부 틱

http://msdn.microsoft.com/de-de/library/windows/apps/hh465789.aspx

어떻게

나는 IE의 입력 필드 범위에서 내부 진드기를 제거 할 수 있습니다. 모든 인터넷 익스플로러에서 사용하는 것이 좋습니다.

::-ms-ticks-before, ::-ms-ticks-after { 
    visibility: hidden; 
    display: none; 
} 
::-ms-ticks { 
    visibility: hidden; 
    display: none; 
} 
::-ms-ticks-before { 
    visibility: hidden; 
    display: none; 
} 

::-ms-ticks-after { 
    visibility: hidden; 
    display: none; 
} 

::-ms-fill-upper { 
    background-color:#ccc; 
    display: none; 
} 

::-ms-fill-lower { 
    background-color: #999; 
    border: 0; 
} 

::-ms-track { 
    color: #ccc; 
    border: 0; 
} 

::-ms-tooltip{ 
    display:none; 
} 

답변

1
<!DOCTYPE html> 
<html> 
<head> 
    <title> input type=range -ms-ticks-before,after, -ms-track </title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

    <style> 
     #inp1     { /***(no css style)***/ } 
     #inp2::-ms-track  { color:transparent } 

     #inp3::-ms-ticks-before { color:red; display:block } 
     #inp3::-ms-track  { color:yellow } 
     #inp3::-ms-ticks-after { color:lime; display:block } 

     div { margin-left:2em } 
     span { font-family:'Courier New', monospace; white-space:nowrap } 
    </style> 
</head> 
<body> 
    <div> 
     <br> 
     <br> 
     <br> 
     <input id=inp1 type=range min=0 max=100 step=1 value=50 /> 
     <br> 
     <span> 
      #inp1 { no css style } 
     </span> 
     <br> 
     <br> 
     <br> 
     <input id=inp2 type=range min=0 max=100 step=1 value=50 /> 
     <br> 
     <span> 
      #inp2::-ms-track { color:transparent } 
     </span> 
     <br> 
     <br> 
     <br> 
     <input id=inp3 type=range min=0 max=100 step=1 value=50 /> 
     <br> 
     <span> 
      #inp3::-ms-ticks-before { color:red; display:block }<br> 
      #inp3::-ms-track  { color:yellow }<br> 
      #inp3::-ms-ticks-after { color:lime; display:block } 
     </span> 
    </div> 
</body> 
</html> 


https://googledrive.com/host/0B8BLd2qPPV7XMHR3MGVVbFQ4V3M/input-type-range-ms-css.html (데모) 힌트에 대한

1

F12

enter image description here은> documentMode이의 렌더링 페이지입니다 에뮬레이션 탭, ... ...

파일/IE11

는 에지해야 WIN7에서와 광고 작업 > 등록 정보 페이지가 매핑되는 IE 보안 영역을 찾으려면 .... 인트라넷 사이트는 "호환성보기에서 인트라넷 사이트 표시"설정을 사용 중일 수 있습니다 ...

GP에 구성된 인트라넷 영역 구성 호환성보기 설정을 초과하도록 문서에 x-ua IE = Edge 메타 추가 ....

예 :

< 메타 HTTP-당량 = "X-UA-지원"내용 = "IE = 엣지"/ >

+0

감사합니다. 이것은 미래의 문제에 유용합니다. 감사! – craphunter