오류 iPhone 웹 앱-유형=텍스트 내부 그림자 문제




아이폰 스크롤 오류 (5)

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

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

건배


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


-webkit-appearance:caret;

입력에서 그림자를 제거해야합니다.


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

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

- 자민


배경 이미지 그라디언트를 추가하여 내부 그림자를 제거 할 수 있습니다. background-image : -webkit-gradient (rgb (255,255,255))에서 (rgb (255,255,255))까지) 0 % 0 %, 0 % 100 %


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

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





mobile-webkit