[CSS] input checkbox / radio 크기 변경하기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

1. Checkbox 크기 변경하기(키우기)

1-1. 

<style>
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 5px;
}
</style>

<input type="checkbox" name="체크박스" value="값">


1-2. 
<input type="checkbox" name="체크박스" value="값" style="width:25px;height:25px;">



2. 라디오 버튼 크기
<input type="radio" style="font-size:17px; width:23px;height:23px">



참고자료
http://aoiyuki4u.blogspot.com/2014/06/css-input-checkbox-scale.html
https://sir.kr/qa/168163
http://whose.tistory.com/502