在离子中浮动时如何自定义浮动标签

Question

我需要先将浮动标签放在中间，然后将焦点放在输入字段的焦点上，然后将其放回到左上角。但是我无法自定义离子输入的焦点。这是我的html代码：

<ion-row class="box-input">
                    <ion-item lines="none" text-center class="custom-item">
                      <ion-label text-center class="label__placeholder" position="floating">Name</ion-label>
                      <ion-input text-center STYLE="font-size: 16pt; color: black; padding: 5px;" [(ngModel)]= "name"></ion-input>
                    </ion-item>
                </ion-row>

我的CSS：

.custom-item {
            width: 100%;
            ion-label {

              &.label__placeholder {
                font-size: 16pt; 
                color: black; 
                margin-top: -12px;
              }
            }
          }

设计仅适用于Web，因此android或ios无需任何考虑。