Angular 9 // ngx-bootstrap / datepicker и bootstrap 4 // как получить тот же стиль - PullRequest
Новая
       59

Angular 9 // ngx-bootstrap / datepicker и bootstrap 4 // как получить тот же стиль

0 голосов
/ 25 апреля 2020

Я пытаюсь настроить реактивную форму, используя:

  • Angular 9
  • Bootstrap 4
  • ngx- bootstrap

Я пытаюсь получить одинаковый стиль для всех компонентов в этой форме, однако я не могу этого сделать.

У меня есть реактивная форма с bootstrap стилем по умолчанию для выберите компонент. Я использовал для datapicker компонент ngx, однако существуют различия в стиле между обоими компонентами. Я перешел на /bs-datepicker.css, однако мне не удалось изменить размер поля и шрифта сборщика данных.

Как мне этого добиться? ПРИМЕЧАНИЕ. Я использую стиль по умолчанию для Bootstrap в компоненте SELECT. DATAPICKER, учитывая, что они разные, принимает другой стиль.

angular. json: 


  "styles": [
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",   
              "node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
              "./node_modules/font-awesome/css/font-awesome.css",
              "src/styles.css"

html код: 

<div class="col-xs-12 " >
  <input
    type="text"
    placeholder="Choose date"

    bsDatepicker
    formControlName="fecha"

    [bsConfig]="{ isAnimated: true }">
</div>

пожалуйста, проверьте скриншот различия компонентов

...