CSS是否有办法在光标和输入中的占位符文本之间添加空格?
Is there a way with CSS to add space between the cursor, and the placeholder text in an input?
我的问题与Firefox for OSX(37.0.2)的早期版本中发现的一个错误有关,我在这里有一个截图:https://i.stack.imgur.com/dzK0G.png
是否有任何方法与css移动占位符的第一个字符远离光标最初的位置?
这个页面是一个Angular应用,我听说它有时不能很好地与Firefox兼容。
我曾尝试在moz-placeholder中添加文本缩进和左填充,但这会使光标随着占位符文本移动。
我还构建了一些JS,在所有版本的Firefox中为占位符文本添加一个空格,但我希望避免这样做。
我建议如前所述,生成所有带有前导空格的占位符,或者直接使用::-moz-placeholder { font-style: italic; }
。
是的,你可以在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>
相关文章:
- 在不使用javascript的情况下,可以在表单字段中设置文本占位符(以提示最终用户插入特定格式)
- 如何更改文本区域的颜色's文本,具体取决于它是否为占位符
- 输入占位符文本转换CSS样式
- 谷歌翻译,输入类型='文本'中的占位符文本
- 文本区域的Internet Explorer占位符
- 函数来替换占位符文本
- 如何设置元素的占位符文本 我无法编辑 HTML 并且 ID 正在更改
- 初始化后更改输入字段的占位符文本
- IE10+上的AngularJS,带有占位符原因的文本区域“;无效参数&”;
- HTML:密码字段中的HTML5占位符属性问题 - 显示正常文本
- 通过jQuery在文本区域占位符内新建一行
- 单选插件的占位符文本不起作用
- 在空输入字段中显示占位符文本
- 基于PHP if条件更改文本区域占位符文本
- 如何缓慢地遍历 jquery 循环,并每次替换占位符文本
- 文本区域的自定义占位符
- 获取占位符文本的父节点
- 使用 javascript 获取母版页内容占位符中文本框的值
- 如何使用纯 JavaScript 在文本区域标签中定位占位符值
- 使用输入文本占位符在大写文本和普通文本之间切换