Html Css删除默认标签文本并保持当前

但是我需要在原始内容中隐藏

“City”

字符串。有什么css技巧可以轻松做到这一点吗？我的问题是它没有任何类。

您可以使用文本缩进和溢出：

label[for="billing_city"]:before{content:'Please select city: '}

这是一个丑陋的修正，但它是有效的

---

在这里，任何CSS修复都是“错误的事情”——如果您可以直接在HTML中更改标签，它会更好、更有意义。

您可以使用一些

字体大小

技巧，如：

label[for=“billing\u city”]{
字体大小：0；/*隐藏整个内容*/
}
标签[for=“billing_city”]：在{
内容：“请选择城市：”；
字体大小：初始；/*仅显示此字体*/
}
标签[for=“billing_city”]*{
字体大小：initial；/*使任何其他内部内容也可见*/
}

---

City*

为什么左边是：200px。。我没有测试，但它不应该是左：0？另外，如果您使用position absolute，您将失去正常的流，您可能会有一些内容重叠/溢出，因此我们需要注意这一点标签的文本缩进将所有内容向左推200px-也是绝对位置：before，因此左：200px；。我完全同意你对使用位置的关注：绝对；正如我所说：这是一个丑陋的修复，最好在HTML中进行更改。嗯，我测试了它，但它对我不起作用。。。城市文本保留在初始位置。我认为它只适用于块元素，而不适用于内联元素。如果我们把它改成block，我们可以破坏布局..至少你可以把它改成inline block，这样就可以了；）

label[for="billing_city"]:before{content:'Please select city: '}

label[for="billing_city"]{
    text-indent:-200px;
    overflow:hidden;
    position:relative;
    display:block;
}

label[for="billing_city"]:before {
    content: 'Please select city: ';
    position: absolute;
    left: 200px;
    z-index: 99;
}