繁体   English   中英

如何使输入居中但左侧有占位符?

How to center input but have placeholder on the left?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我目前有一个输入文本对齐中心的组件。 占位符 cursor 也居中对齐,因此它位于占位符“0”的中间,如何将其移到 0 的左侧?

在此处输入图像描述

我的组件:

const StyledBaseInput = styled.input`
  text-align: center;
  font-size: 72px;
`;
1 个回复

是的,您可以使用::placeholder选择器

 input.align_left { text-align:center; } input.align_left::placeholder { text-align: left; }
 <input class="align_left" placeholder="Hello hello">

2 如何在中心对齐表格,但在输入的最左侧上方有 label

我想“嘿,让我们在睡前用 forms 练习 10 分钟......”是的......已经一个小时了,我想不通! 我希望所有人都居中,除了 label,我希望它位于输入上方,在最左边。 当然,如果我调整 window 的大小,我希望它“跟随”输入,否则我可以以像素为单位调整 position。 我该 ...

4 中心表单输入和占位符?

我正在使用AngularJS和Ionic。 我有一个电子邮件输入字段: 我想在此处居中的地方。 我都尝试过: 但都没有成功。 为什么任何尝试都没有成功? 如何将文字居中? 在这种情况下,添加像Bootstrap这样的样式框架会有所益处吗? ...

6 将输入占位符定位在中心的图标

我正在使用这种离子成分开发离子应用。 我可以使用此css将占位符居中。 但是,只有文本占位符是中心。 我的目的是使离子搜索图标和占位符作为整体居中,如下图所示。 注意:不应假设占位符文本的长度。 例如:根据文本长度向左和向右硬编码像素。 ...

8 如何使用占位符将标签居中?

我制作了一个简单的表单应用程序。我几乎可以实现90%的应用程序。但是我有一个问题。在我的应用程序中,我有标签,并且在它的前面有文本字段。我需要标签文本应居中或相同作为占位符的基数, 我尝试给top:5px margin-top:5px,但是没有用。换句话说,Requirement标签应该 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM