테스트 사이트 - 개발 중인 베타 버전입니다

transform css 사용 후 1px 뭉개짐 현상 채택완료

잠다 7년 전 조회 3,099

 

</p>

<p>position: absolute;</p>

<p>left: calc(50% - 380px);</p>

<p>display: none;</p>

<p>width: 761px;</p>

<p>top: 50%;</p>

<p>transform: translateY(-50%); z-index: 9999;</p>

<p>

 

위와 같은 css코드로 상하 정렬을 시켰습니다. 근데 

input[type="text"] 에 border 1px이 들어가있네요.

 

위 코드 유지하면서 혹시 뭉개지지 않게 하는법이 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
D
7년 전

스샷으로는 어디가 뭉개졌는지 안보이네용 ㅠㅠ

브라우져에서 보이는 그림자효과 비슷한걸 말씀하시나요?

 

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

 

이렇게해서 없앨순 있는데, 말씀하신게 이 부분인지 모르겠네요~

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

box-sizing:border-box;

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인