Question

我的问题与早期版本的Firefox for OSX（37.0.2）中发现的错误有关，我在此处有截图：http://i.imgur.com/s6AfHuP.png

有没有办法用css将占位符的第一个字符从光标最初位置移开？

这个页面是一个Angular应用程序，我听说过它有时候不适合Firefox。

我尝试过将text-indent和padding-left添加到moz-placeholder，但这会将光标与占位符文本一起移动。

我还构建了一些JS，在所有版本的Firefox中为占位符文本添加空格，但我希望避免这样做。

Answer 1

我建议如前所述生成具有前导空格的所有占位符，或者只使用::-moz-placeholder { font-style: italic; }。

Answer 2

是的，您可以使用CSS中的 white-space：pre; 属性（不会折叠空格）在占位符文本中显示前导空格。

例如：如果您正在使用 Angular 多选下拉菜单，则应使用下面显示的类似代码在占位符文本中呈现前导空格

<ng-select style="white-space: pre" placeholder="  Example of a placeholder with leading spaces!" [multiple]="xxxx" [formControl]="xxxx">                                                    
     <ng-option *ngFor="let x of y" [value]="x?.value">{{x?.text}}</ng-option>                                                
</ng-select>

有没有办法用CSS在光标和输入中的占位符文本之间添加空格？

2 个答案: