safari 에서 결과를 확인하는데.. 이상하네요
260
작성한 질문수 11
안녕하세요
강의 들으며 따라하고 있는데 사용 환경은 mac 이고 safari 로 라이브서버 켜서 코드 확인하고 있습니다
그런데 제 결과창에 있는 placeholder 모양이 이상해서 질문드립니다 ..ㅠㅠ
첫번째 사진은 .item input 을 모두 주석처리하니 저런 스타일이 나왔고
2) .item input 주석을 풀면
꼭 창문 틀처럼 저렇게 placeholder 테두리가 액자같은 유격?이 생겨있네요... 강사님이랑 똑같은 코드로 작성했는데.. 저거 없애려면 어떡하면 좋을까요?
혹시 크롬이나 다른 환경에서 켜서 확인해봐야할까요?
답변 1
1
사파리에서 폼요소가 크로스브라우징이 안되는 경우가 많습니다.
모바일 작업할 때 아이폰에서 input, select 등 폼요소 맞추는 작업이 경험 많은 퍼블리셔에게도 힘든 일이에요.
제가 맥이나 아이폰이 아니라서 사파리로 체크하면서 예제를 만들지 않아서 사파리 크로스브라우징 부분은 정확히 답변은 어렵습니다.
하지만 테두리가 액자같은 유격... 이라고 하신 부분은 input이 갖고 있는 html 고유의 스타일(음각)일거에요.
input에 border: none을 주시거나 보더를 따로 주시면 없어질거에요. 저 부분은 placeholder라 관계 없는 부분일거에요.
class 값 한 번에 부여하는법
2
95
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
79
1
div#css-checker-widget의 해결방
1
71
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
95
2
강의듣는법
1
86
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
77
2
input checked 질문합니다.
0
81
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
153
2
Part 1 영상 안나옵니다
1
99
1
제이쿼리 작동이 안됩니다
1
212
3
강의 내용 질문있습니다.
1
129
2
일정 부분만 주석하는 방법
1
225
2
폰트어썸
1
144
2
인접선택자에 대한 질문드립니다!
1
135
2
delay 적용 안됨
1
137
1
rotateY(360deg)가 적용이 안됩니다!
1
190
2
세로이동할때 height값
1
142
2
폰트어썸이 안되요..
1
505
2
화면 정중앙에 오게끔 할수있나요?
1
175
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
241
2
넷플릭스 어코디언 예제 질문
1
107
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
163
1
active 관련 질문
1
150
2