• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

safari 에서 결과를 확인하는데.. 이상하네요

21.07.14 15:40 작성 조회수 124

1

안녕하세요 

강의 들으며 따라하고 있는데 사용 환경은 mac 이고 safari 로 라이브서버 켜서 코드 확인하고 있습니다

그런데 제 결과창에 있는 placeholder 모양이 이상해서 질문드립니다 ..ㅠㅠ

첫번째 사진은 .item input 을 모두 주석처리하니 저런 스타일이 나왔고

2) .item input  주석을 풀면

꼭 창문 틀처럼 저렇게 placeholder 테두리가 액자같은 유격?이 생겨있네요... 강사님이랑 똑같은 코드로 작성했는데.. 저거 없애려면 어떡하면 좋을까요?

혹시 크롬이나 다른 환경에서 켜서 확인해봐야할까요?

답변 1

답변을 작성해보세요.

1

사파리에서 폼요소가 크로스브라우징이 안되는 경우가 많습니다.

모바일 작업할 때 아이폰에서 input, select 등 폼요소 맞추는 작업이 경험 많은 퍼블리셔에게도 힘든 일이에요.

제가 맥이나 아이폰이 아니라서 사파리로 체크하면서 예제를 만들지 않아서 사파리 크로스브라우징 부분은 정확히 답변은 어렵습니다.

하지만 테두리가 액자같은 유격... 이라고 하신 부분은 input이 갖고 있는 html 고유의 스타일(음각)일거에요.

input에 border: none을 주시거나 보더를 따로 주시면 없어질거에요. 저 부분은 placeholder라 관계 없는 부분일거에요.

너무 감사드립니다 강사님 ! ><