iphone - 모바일 - 아이폰 스크롤 오류




iPhone 웹 앱-유형=텍스트 내부 그림자 문제 (4)

나는 Jamin의 대답이 지금 더 좋았다는 것을 발견했다. 대신에 -webkit-appearance: none 메서드를 사용하면 iPad에서 텍스트 영역 / 입력을 선택할 때 더 이상 포커스 (가상 클래스) 스타일을 적용하지 않습니다. 초점이 맞지 않는 텍스트 영역 / 입력이 상당히 차츰 좁아지기 때문에 이런 형식의 스타일이 사라집니다.

나는 iPhone에서 기본적으로 적용되는 입력 = 텍스트 필드에서 상단 내부 그림자를 사용하지 않으려 고합니다. 어떤 아이디어가 이것을 어떻게? -webkit-box-shadow를 성공적으로 덮어 쓰려고했습니다.

대체 텍스트 http://feedsmanagement.com/example.png

건배


배경 그라데이션을했는데 작동하지 않았고 변형도 발견되었습니다.

input[type='text']{
-webkit-border-radius: 0;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}

그리고 그 중 하나를 작동하지 않았습니다 : (


스타일이 적용된 입력 텍스트 필드를 표시하고자하는 동일한 문제가 있습니다. 그림자없이. 내 솔루션 (iPad / iPhone에서 완벽하게 작동 함)은 완전히 투명한 배경 gif를 만듭니다. 이 스타일을 입력 필드에 적용하십시오. 내 코드 :

.textBox input {border : none; 배경 : url (../ images / bg_inputFix.gif); }

- 자민


-webkit-appearance: none 을 사용하여 시도해 보셨습니까? 테두리와 같은 사용자 정의 테두리 적용 border: 1px solid black;

나는이 순간에 이것을 시도 할 수 없다.





mobile-webkit