[Bootstrap/css] !important 사용법과 input-group custom 하는 법 (radius)

CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용됩니다.
만약 나중에 설정한 값이 적용되지 않게 하려면 속성값 뒤에 !important를 붙입니다.

.navbar-search.form-control.form-control-lg{
  display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box; 
    border: 1px solid #ced4da;
    **border-radius: 0.9rem !important;**
    padding-left: 40px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

아무리 해도 안됐었는데
혹시나 싶어서 important 를 붙였더니 된다...
이래서 리프레시가 필요한 건가 싶다
밥먹으면서 2-3시간 쉬었더니 짠 풀리니
허무하면서 기쁜 느낌