[code] position: absolute; left: calc(50% - 380px); display: none; width: 761px; top: 50%; transform: translateY(-50%); z-index: 9999; [/code] 위와 같은 css코드로 상하 정렬을 시켰습니다. 근데 input[type="text"] 에 border 1px이 들어가있네요. 위 코드 유지하면서 혹시 뭉개지지 않게 하는법이 있을까요?

이전 목록 다음

채택완료

transform css 사용 후 1px 뭉개짐 현상

잠다

2018-04-23 (월) 20:39:53 3,537

1994104718_1524483483.4193.png

Copy

position: absolute;

left: calc(50% - 380px);

display: none;

width: 761px;

top: 50%;

transform: translateY(-50%); z-index: 9999;

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

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

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

그누보드5

채택된 답변

+20 포인트

DSLOVE

2018-04-23 (월) 21:56:52

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

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

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

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

퍼블리규

2018-04-24 (화) 12:10:01

box-sizing:border-box;

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