[html] iPhone / Safari 입력 요소 반올림 사용 안함



4 Answers

input -webkit-appearance: none; 혼자서 작동하지 않습니다.

-webkit-border-radius:0px; 추가하십시오 -webkit-border-radius:0px; 게다가.

Question

내 웹 사이트는 iPhone / Safari 브라우저에서 잘 표현됩니다. 한 가지 예외는 있습니다. 내 텍스트 입력란은 내 웹 사이트의 나머지 부분에서 전혀 어울리지 않는 이상한 둥근 스타일을 가지고 있습니다.

CSS 나 메타 데이터를 통해 Safari에 입력 필드를 반올림하지 않고 원하는 사각형을 렌더링하도록 지시하는 방법이 있습니까?




이것을 시도하십시오 :

다음과 같이 input Css를 추가하십시오 :

 -webkit-appearance: none;
       border-radius: 0;



iPhone 3GS의 iOS 5.1.1 버전에서 검색 필드의 스타일을 지우고 스타일을 의도 한대로 설정해야했습니다.

input[type="search"] {-webkit-appearance: none; border-radius: 0 3px 3px 0;}

하고있는 -webkit-border-radius: 0; 혼자서는 원래 스타일링을 지우지 못했습니다. 이것은 또한 네이티브 애플 리케이션에 대한 webview했다.




Chrome에서 허용 된 응답 버튼이 사라졌습니다. 작동 방식 :

input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    border-radius: 0;
}



normalize.css를 사용하면 해당 스타일 시트는 input[type="search"] { -webkit-appearance: textfield; } input[type="search"] { -webkit-appearance: textfield; } .

이것은 .foo 와 같은 단일 클래스 선택 자보다 높은 특이성을 가지므로, 당신은 단지 .my-field { -webkit-appearance: none; } .my-field { -webkit-appearance: none; } . 적절한 특이성을 얻을 수있는 더 좋은 방법이 없다면 다음과 같이 도움이 될 것입니다.

.my-field { -webkit-appearance: none !important; }




Related