ngx-международный номер телефона, который не может добавить стиль - PullRequest
Новая
       56

ngx-международный номер телефона, который не может добавить стиль

0 голосов
/ 11 июня 2019

Я использовал свой угловой проект для этого ngx-international-phone-number , я пытался добавить стиль, но у меня не получилось, кто-нибудь знает, как правильно добавить css на этом входе

Смотри мое изображение, кнопка и поле ввода не выровнены

enter image description here

StackBlitz здесь 

<international-phone-number class="mystyle form-control form-control-sm"  placeholder="Enter phone number" [maxlength]="20" [defaultCountry]="'us'"  name="phone_number" [allowedCountries]="['in', 'ca', 'us']"></international-phone-number>

CSS 

.mystyle .dropbtn {
  background: #2196f3;
  color: white;
  border: none;
  cursor: pointer;
}



 .mystyle .form-control {
   display: block;
   width: 100%;
   padding: 0.4375rem 0;
   font-size: 1rem;
   line-height: 1.5;    margin: 0px 5px;
   color: #495057;
   background-color: rgba(0, 0, 0, 0);
   background-clip: padding-box;
   border: none;
   border-radius: 0;
   box-shadow: none;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

1 Ответ

1 голос
/ 11 июня 2019

Вам нужно добавить :host ::ng-deep { *your css* } перед вашим стилем.И изменить app.component.css > app.component.scss https://stackblitz.com/edit/angular-add-style Надеюсь, это поможет вам.

...