angularjs 如何更改计时器的输入字体大小？

tyg4sfes 于 12个月前发布在 Angular

关注(0)|答案(1)|浏览(106)

我想改变这个输入的大小
x1c 0d1x的数据
here.html组件

<div class="time-picker" dir="ltr">
                                                    <ngx-timepicker-field [defaultTime]="'00:00'" [format]="24" [clockTheme]="theme"></ngx-timepicker-field>
                                                </div>

字符串
Here .ts组件

import { NgxMaterialTimepickerTheme } from 'ngx-material-timepicker';

theme: NgxMaterialTimepickerTheme = {
        container: {
          bodyBackgroundColor: '#25bcbd',
          buttonColor: '#fff',
        },
        dial: {
            dialBackgroundColor: '#4fcbcc',
        },
        clockFace: {
          clockFaceBackgroundColor: '#e6e7e8',
          clockHandColor: '#25bcbd',
          clockFaceTimeInactiveColor: '#4f5757',
        },
    };

型
我找了，没找到解决办法！

angularjs

来源：https://stackoverflow.com/questions/77735529/how-can-i-change-the-time-keepers-input-font-size-in-angular

1条答案

按热度按时间

7lrncoxx1#

文档中没有配置，而是像这样去定制CSS解决方案。

.custom-timepicker-css {
  .timepicker-dial__container {
    margin-top: 20px;
  }
  .timepicker-dial__control {
    font-size: 20px !important;
    width: 30px !important;
  }
  .timepicker-dial__time {
    font-size: 20px !important;
  }
}

字符串
HTML

<ngx-mat-timepicker
  timepickerClass="custom-timepicker-css"
  #timepicker
  [enableKeyboardInput]="true"
  [max]="maxTime"
  [min]="minTime"
></ngx-mat-timepicker>

型
stackblitz

赞(0）回复(0）举报 12个月前

我来回答

angularjs 如何更改计时器的输入字体大小？

1条答案

相关问题

热门标签

最新问答