Html 删除标签文本而不删除标签中的文本框 我所拥有的：

我有一个带有用户名和密码文本框字段的登录表单。字段用标签包装

我需要的是： 我需要删除标签的文本，因为我想改为应用占位符值

我的代码： 注意：我已成功地将打断作为目标，但无法将标签的渲染文本作为目标

label[for=user\u login]>br，
标签[for=user\u pass]>br{
显示：无；
}

用户名




密码

在特定标签类上添加此属性

label {
   color: transparent;
}

或者为特定标签创建类，并在标签上添加此类

.txtlbl label{
    color: transparent;
}

---

我试着根据你上面说的给出一个解决方案

我所做的是：

我已经移动了标签文本（使用text-INDENT属性），并删除了p“标记周围的额外跨距，这样文本就不会出现，也不会出现空格 也不会在那里，你只能看到你想要的文本框

希望这对你有帮助

因此，您的代码如下所示：

标签[for=user\u login]>br，
标签[for=user\u pass]>br{
显示：无；
}
标签{
文本缩进：9999px；
宽度：100%；
显示：块；
溢出：隐藏；
}
p{
保证金：0；
填充：0；
}

用户名




密码

至于您无法编辑标记的情况，您可以做的只是给输入一个

左边距-85px
这样它就覆盖了标签，并且标签所在的位置没有空间。
另一个想法是……您可以让输入字段位于标签上方。这将缓解潜在的可访问性问题，如可发现性、屏幕阅读器“焦点”，以及在使用屏幕阅读器或开关设备时将标签文本移出屏幕可能导致的滚动


[for^=user\uz]>br{
显示：无；
}
[对于^=用户]{
位置：相对位置；
}
输入[id^=用户\]{
位置：绝对位置；
左：0；
排名：0；
边距：0；//由于2px默认边距，Safari会显示一些文本
}

用户名




密码


文本占用的空间是什么？您的解决方案隐藏字符，但不隐藏空格。当然有一个CSS选择器可以完全删除文本。label{color:transparent；margin left:-69px；position:relative；}如果我为每个字段的标签文本计算文本的像素宽度，它可以工作，但感觉有点粗糙。我希望有一个选择器，允许我将文本值设置为“无”。然而，作为替代，您的解决方案似乎是唯一的进步。谢谢您的时间。因为您在一个label类中同时使用label和input，所以需要将两者分开。：）这是一个更通用的解决方案，它单方面应用于所有领域，而不依赖于像素计数。谢谢你的工作。@Clarusignus谢谢你…：）你们非常欢迎这个替代概念。您正在使用的向上箭头的名称是什么？我想知道选择器的术语，以研究浏览器支持它的内容。它指的是以。您可以将$=用于以等结尾的任何内容。这里有一篇关于不同属性选择器的CSS技巧文章：它在较旧的浏览器上得到了很好的支持：。我将在一个小时左右试用。非常支持查询选择器。IE 7和8识别[attr^=val]、[attr$=val]和[attr*=val]。IE9+和所有其他浏览器都有完整的查询支持。