javascript - 업로드 후 이 CSS를 작성하는 방법

Question

입력은 전체 블록을 포함하지만 실제 요구 사항은 이 0.jpg가 다른 입력 내부에 있어야 한다는 것입니다. . . 위에서는 Shadowdom을 ​​정의해야 합니까?

이 기본 업로드 스타일을 아름답게 만들 아이디어가 있나요?

Answer 1

라벨 입력 스타일을 외부로 감싸세요. 라벨 스타일만 바꾸지 마세요

Answer 2

type = file을 사용하면 읽기 전용입니다. 아름답게 만들고 싶다면 이미지가 업로드된 후 src와 제목이 반환되어 채워집니다.

Answer 3

0.jpg의 입력을 선택한 파일 뒤에 위치시키기만 하면 됩니다(위치 결정 또는 상대 위치 결정)
Shadow Dom 없이도 할 수 있습니다.
미화하고 싶다면 일부 플러그인의 스타일을 참조할 수 있습니다(부트스트랩 및 jq에는 이러한 기능을 가진 많은 플러그인이 있습니다.)