반응형
iPad/iPhone에서 CSS 제출 버튼 이상한 렌더링
반경, 색상 및 테두리를 사용하여 CSS로 단추를 스타일링하면 모양이 좋지만 iphone/ipad/ipod에서는 모양이 엉망입니다.Safari Desktop과 동일한 렌더링이어야 하지 않습니까?
이런! 제가 방금 이걸 발견했어요.필요한 요소에 이 행을 추가하기만 하면 됩니다.
-webkit-appearance: none;
이 코드를 CSS 파일에 추가합니다.
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
이것이 도움이 될 것입니다.
웹킷 외관에 대한 위의 답변은 효과가 있었지만, 다른 기기/데스크탑의 브라우저에 비해 버튼이 여전히 약간 옅은 색/둔탁해 보였습니다.또한 불투명도를 가득 채워야 했습니다(0 ~ 1 범위).
-webkit-appearance:none;
opacity: 1
불투명도를 설정한 후 버튼은 다른 모든 장치/에뮬레이터/데스크탑에서 동일하게 보였습니다.
언급URL : https://stackoverflow.com/questions/5438567/css-submit-button-weird-rendering-on-ipad-iphone
반응형
'programing' 카테고리의 다른 글
| TypeScript로 check i18n 사전을 타이핑하는 방법은 무엇입니까? (0) | 2023.06.15 |
|---|---|
| Oracle: 방금 삽입한 행의 시퀀스 번호를 가져오려면 어떻게 해야 합니까? (0) | 2023.06.15 |
| UIImagePickerController 오류: 렌더링되지 않은 보기를 스냅샷하면 iOS 7에서 스냅샷이 비어 있습니다. (0) | 2023.06.15 |
| jQuery에서 선택한 모든 확인란 값을 가져오는 가장 좋은 방법 (0) | 2023.06.15 |
| ASP.NET 웹 양식 및 ASP.NET 웹 페이지 (0) | 2023.06.15 |