代码之家 › 专栏 › 技术社区 › Stefan ÄorÄeviÄ

对齐文本字段HTML内的占位符

css html

Stefan ÄorÄeviÄ · 技术社区 · 10 年前

我想移动左上角的占位符。

我想要像图片上那样的东西。

我试过了

::-webkit-input-placeholder {
    left: 0px;
    up: 0px;
}

但这行不通。我很了解HTML,但我从来没有做过这样的事情。

4 回复 | 直到 10 年前

Stefan ÄorÄeviÄ 9 年前

我自己找到了答案!:D

所以,我只是改变了 <input> 到 <textarea> 。加上一点CSS,它看起来和输入字段完全一样。

非常感谢所有试图帮助我的人!

oneNiceFriend 10 年前

我认为css定位可以有所帮助。相对或绝对位置。根据您的容器,尝试给出一种位置样式。

编辑:或者您可以使用背景图像而不是占位符。并且可以使用javascript在鼠标悬停时删除背景图像。

Paulie_D 10 年前

不幸的是,您受限于可以应用于 placeholder 伪元素。

Article

这些是:

颜色
font size/font-style/font-weight
字母间距
线路高度
衬料
水平对齐
文本装饰

位置不是其中之一。

Community Mohan Dere 9 年前

您只能使用 text-align: center|left|right 要更改排列输入的 值/占位符 .

来源: https://developer.mozilla.org/de/docs/Web/CSS/text-align

否则,您可以使用 padding: 0 0 0 0; 迫使空间

来源: https://developer.mozilla.org/de/docs/Web/CSS/padding

信息 : 向上的 不是有效的css。正确的名称是顶部如果要使用位置属性,如: right, left, bottom 或 top 你必须设置 position: absolute|fixed;

编辑:如本文所述: https://stackoverflow.com/a/5677243/3119231 可以设置 "top" 价值通过 line-height 属性

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前