다이나믹클래스

Input 안에 버튼 넣어 이쁘게 만들기

오늘은~ input 창안에 버튼을 넣어 이쁘게 보이게 하려고합니다! Vue를 이용해 제작하고 있습니다. 많은 헤딩끝에 원하는 디자인대로 만들어 낸 과정을 작성합니다! 급하신분들은 맨 밑 '최종_최종최최종 코드'를 확인해주세요~! 1차 시도 처음엔 input창안에 button을 넣어서 원하는 디자인을 만들려고 했습니다. //첫 코드 input 안에 button을 넣으려면 한번 감싸줘야합니다. 저는 label을 사용해 감싸줬습니다. label{ position:relative } button{ position:absolute left:7px; top: 4px; } 이렇게 작성 해주고 input창 그림자도 넣어주고 사이즈도 맞춰서 각종 브라우저에 테스트를 해보았는데 이상하게 버튼이 가운데에 있지않았습니다.(두..