Question

我的浮动标签不适用于Firefox。它在Chrome上都可以，就像你在打印件上看到的一样。

我的代码是这样的：

             <div class="col-md-6 col-sm-6 form-group">
                <span class="ui-float-label">
                    <textarea pInputTextarea [(ngModel)]="consulta.dsDiagnostico1" name="dsDiagnostico1" id="diagnostico1" style="resize:none"
                          rows="4" cols="100"
                          class="form-control" maxLength="4000"></textarea>
                    <label for="diagnostico1">Diagnóstico 1</label>
                </span>
            </div>

这是组件： Component Layout

在Chrome中输入后： Chrome typing

在Firefox中输入后： Firefox typing

任何人都知道一个不错的解决方案，它不会静止＆＃34;标签并允许在Firefox上正确运行float-label？

Answer 1

遇到同样的问题后我找到了解决这个问题的方法，在你的css文件中执行此操作，标签将在firefox中运行。这是一种解决方法，但目前PrimeNG团队还没有解决方案

.ui-float-label>input:focus~label, .ui-float-label>input.ui-state-filled~label, .ui-float-label>.ui-inputwrapper-focus~label, .ui-float-label>.ui-inputwrapper-filled~label { top: -.75em; font-size: 12px; }
.ui-float-label>textarea:focus~label, .ui-float-label>textarea.ui-state-filled~label, .ui-float-label>.ui-textareawrapper-focus~label, .ui-float-label>.ui-textareawrapper-filled~label { top: -.75em; font-size: 12px; }

float-label不适用于Firefox

1 个答案: