'html' 태그의 글 목록

맛집의 음식사진을 등록하고 싶으면 위 사진의 파일 선택을 눌러 원하는 음식사진을 선택해주면 된다. 그런데 기본 파일 선택 버튼이 정말 예뻐 보이지 않았던 나는 조금 더 깔끔한 버튼을 만들고 싶었다. 3. 음식사진 등록 파일 열기 따라서 html에서 이런식으로 label을 사용해서 새로운 파일열기 버튼을 만들고 /* 못생긴 기존 input 숨기기 */ #file { visibility: hidden; position:absolute; top:0%; } css에서 위의 코드의 visibility: hidden;을 이용하여 원래 기본의 파일선택 버튼을 숨겼다. 그 후 약간의 위치조정을 해준... 그 결과...!! 깔끔하고 예쁜 파일 열기 버튼이 보인다 ㅎㅎ! 프론트엔드로서 코드를 짤 때마다, 직접 사용자가 보..

FrontEnd 2023. 3. 14. 22:46

이전 1 다음