인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

손종국 .님의 프로필 이미지
손종국 .

작성한 질문수

Angular 기본과 간단한 To-Do 어플리케이션 만들기

컴포넌트 스타일 처리

todo.components.ts에서 check박스가 center로 맞춰지지 않아요.

작성

·

196

0

text-align을 center로 맞췄습니다.

horizontal로는 center인데

vertical로는 center가 아니네요.

뭐가 원인인걸까요?

input {

position: relative;

}

input:before {

content: "";

display: inline-block;

width: 20px;

height: 20px;

background-color: white;

border-radius: 20px;

position: absolute;

top: -6px;

left: -8px;

border: 1px solid dimgray;

}

input:checked:after {

content: '\\2713';

display: inline-block;

font-size 18px;

width: 20px;

height: 20px;

border-radius: 20px;

position: absolute;

top: -6px;

left: -8px;

border: 1px solid dimgray;

background-color: dimgray;

text-align: center;

color: white;

}

답변 1

0

저도....^^...

손종국 .님의 프로필 이미지
손종국 .

작성한 질문수

질문하기