vue-bootstrap b-form-group label style

b-form-group의 label 사이즈를 sm으로 설정해도 유구 사항보다 font-size가 너무 큰 문제가 발생

font-size를 변경하려고 시도하였으나 일반적인 방법으로는 css가 먹히지 않았다.

우리 회사는 scss를 사용하고 있었고

b-form-group에 class="input-container"를 주어

.input-container {

  & /deep/ label {

    font-size: $fontSize-default;

  }

}

로 문제를 해결

 

해당 문서

https://vue-loader.vuejs.org/guide/scoped-css.html#child-component-root-elements