Html 在css的一个输入占位符中可能有两种不同的字体大小？

在CSS的一个输入占位符中是否可能有两种不同的字体大小

类似这样的设计：

在常规html中，您可以使用span、：before、&:after等

但在输入中，你不能做出所有这些事情，所以我想了解，如果可能的话

---

谢谢

在同一占位符中应用不同的样式是不可能的

但是，您可以使用伪元素或div作为占位符，并在聚焦输入时隐藏/显示它

这可能有助于：

$（“#输入”）.keyup（函数（）{
if（$（this.val（）.length）{
$（this.next（'.placeholder'）.hide（）；
}否则{
$（this.next（'.placeholder'）.show（）；
}
});
$（“.placeholder”）。单击（函数（）{
$（this.prev（）.focus（）；
});
占位符{
位置：绝对位置；
利润率：7px 8px；
颜色：#A3A3；
光标：自动；
字体大小：14px；
顶部：7px；
}
.小{
字体大小：10px；
}
输入{
填充物：5px；
字号：11pt；
位置：相对位置；
}

电子邮件地址
CSS唯一的解决方案


。输入字段{
位置：相对位置；
显示：内联块；
}
.输入字段>标签{
位置：绝对位置；
左：0.5em；
最高：50%；
边缘顶部：-0.5em；
不透明度：1；
显示：无；
}
.input字段>输入[类型=文本]：显示占位符+标签{
显示：块；
}
.输入字段>标签>范围{
字母间距：-2px；
}
.第一个字母{
颜色：红色；
字体大小：100%；
}
.第二个字母{
颜色：蓝色；
字体大小：50%；
}
.第三个字母{
颜色：橙色；
字体大小：75%；
}
.第四个字母{
颜色：绿色；
字体大小：100%；
}
.第五个字母{
颜色：黄色；
字体大小：25%；
}

H
E
L
L
O
这有帮助吗？谢谢@ovokuro，但我恐怕这不是本例中的解决方案，因为我使用的是WordPress表单生成器-所以我不能使用此HTML-只有一个真正的输入占位符，我想你想要的并不容易。。理想情况下，您可以在{content:“TEXT”；font size:“20px”；}之后使用：：-webkit输入占位符：：但我认为伪元素在大多数浏览器中不适用于占位符-此功能是非标准的，不符合标准。不要在面向Web的生产站点上使用它：它不会适用于所有用户。实现之间也可能存在很大的不兼容性，行为在将来可能会改变。这里涉及的真正的html是什么？但是，还有什么？它是用一个标签、一个p、一个div包装的，还是仅仅以一种形式站在其他东西中间？请发布你的完整HTMLTanks，@nashcheez-这看起来是个好主意，我相信我会在其他情况下使用它-但我在这里使用一些WordPress表单生成器-所以我不能使用这个HTML-只有一个真正的输入placeholder@ErezLieberman很抱歉，我想以您想要的方式修改占位符是不可能的。谢谢，@dream hunter-我在这里使用一些WordPress表单生成器-所以我不能使用这个HTML-只有一个真正的输入占位符