입력 영역 크롬과 파이어 폭스는 행동 내가 입력 영역이

다른 :입력 영역 크롬과 파이어 폭스는 행동 내가 입력 영역이

   .input-large{ 

       position: absolute; 
       width: 600px; 
       margin: 0 auto; 

       font-size: 150px; 
       text-align: left; 
       border: 1; 
       letter-spacing: 38px; 

      }

내가 이것을 달성 할 :이 입력에 대한

<input class="input-large" type="text" pattern="[0-9]*" maxlength="5" size="5" autofocus>

CSS는 사용자가 입력 최대 5 개 개의 번호가 초과 할 수있는 경우를 5 개의 숫자를 입력하면 입력란이 정지하여 나머지 숫자가 표시됩니다.

Firefox에서 테스트 할 때 좋습니다. 그러나 Chrome에서 테스트 할 때 Chrome에는 노란색 초점 사각형이 있지만 5 개 이상의 숫자를 입력하면 이전 숫자가 왼쪽으로 조금씩 바뀌고 Firefox처럼 고정되어 있지 않습니다.

누구나 Chrome의이 기능을 끄는 방법을 알고 있습니까?

------------------------------- 업데이트 -------------- ----------------------------

DIV를 모두 절대 값 이상으로 설정하여이 문제를 해결했습니다. 이 입력란은 다른 div 안에 있습니다. 이전에는 외부 div는 상대적입니다. 그런 다음 절대로 다시 변경하고 여백을 조정합니다. 모든 것이 잘 작동합니다.

출처

2013-08-12 JavaScripter

내 Chrome 버전 28.0.1500.95m (Windows)에서 문제를 재현 할 수 없습니다. jsFiddle – Harshad

안녕하세요, Harshad, 답장을 보내 주셔서 감사합니다. 이 문제는 전체 웹 사이트의 한 부분 이었기 때문에 다른 div가 서로 영향을 미쳤다고 생각합니다. 결국, 나는 "고정"위치를 변경하고 입력 필드를 넓게, 내 문제를 해결. – JavaScripter

노란색 초점 사각형은 outline입니다. 그냥 설정하십시오 : outline: none; 없애기

출처

2013-08-12 06:07:05 kennypu

안녕하세요. 회신 해 주셔서 감사합니다. 나가 말한대로, 황색은 잘이다, 그러나 입력이 5 개의 수를 초과 할 때 조금은 좌로 튀고있다. 모질라에서 입력이 5 자리 숫자를 초과하면 첫 번째 5 자리 숫자는 고정되어 있지만 크롬에서는 숫자가 5 자리 숫자를 초과하면 조금 튀어 나오고 있습니다. – JavaScripter

@RobertChang 나는 그렇게 생각하지 않는다. 그것은 예상되는 행동이다. 입력하는 경우 입력하는 내용을 확인해야하므로 숫자가 왼쪽으로 이동합니다. 입력이 입력 필드보다 큰 경우 첫 번째 숫자 만 표시하고 나머지는 자르고 싶다는 말입니까? 어느 쪽이든, 입력이 끊어지면 유일한 해결책은 입력 필드를 더 크게 만드는 것입니다. – kennypu

안녕하세요 kennpy, 다른 div로 인해 문제가 발견되었습니다. 이 입력 필드가 더 넓고 절대 위치를 포함하는 div를 만든 다음 문제를 해결했습니다. – JavaScripter

입력 영역 크롬과 파이어 폭스는 행동 내가 입력 영역이

답변

관련 문제