채택완료

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

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

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이 들어가있네요.

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

|

답변 2개

채택된 답변
+20 포인트

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

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

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

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

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

box-sizing:border-box;

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