아이콘 안보이실 때

21.10.22 17:52 작성 조회수 181

아이콘 안보이실 때 제가 한 방법 공유해드려요

우선 아이콘은 이렇게 하시고

    <!-- 아이콘 들고오기 -->
    <i class="far fa-calendar-plus addBtn"></i>

인풋 박스는 이렇게

    .inputBox input{
        height: 40px;
        width: 80%;
        border-style: none;
        font-size: 0.9rem;
  }

addBtn 은 이렇게 수정하시면
 
    .addBtn{
        color: white;
        width: 50px;
        vertical-align: middle;
  }

이렇게 나옵니다!!

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

TodoInput 컴포넌트 코드 정리 및 UI 스타일링

강의실 바로가기

답변 1

답변을 작성해보세요.

장기효(캡틴판교)

2021.10.25

안녕하세요 0809님, 다른 분들을 위해서 해결 방법을 공유해 주셔서 감사합니다 :)