Question

字符串不是元素，由插件生成。我有这段代码：

<div class="form-group">
Show results within             
<input type="number" min="0" id="toolset-maps-distance-value" name="toolset_maps_distance_radius" class="form-control js-toolset-maps-distance-value js-wpv-filter-trigger" value="50" required="">
</div>

如何删除字符串“在...中显示结果？”

Answer 1

如果没有任何其他文本，您可以更改表单组类：

将文字颜色更改为背景颜色
将字体大小设置为0。

这＆＃34;隐藏＆＃34;文本。要删除，您可能必须使用JS。

Answer 2

您可以在父级上使用font-size：0，然后将font-size重置为原始样式。

.form-group {
   font-size: 0; 
}
.form-group input {
   font-size: 14px; // the initial value
}

Answer 3

您无法使用JavaScript或其他库完全摆脱文本，但您可以将颜色设置为白色，文本将被隐藏或将font-size设置为0; < / p>

＆＃13;

.form-group{
font-size: 0;
}

＆＃13;

<div class="form-group">
Show results within             
<input type="number" min="0" id="toolset-maps-distance-value" name="toolset_maps_distance_radius" class="form-control js-toolset-maps-distance-value js-wpv-filter-trigger" value="50" required="">
</div>

＆＃13;

Answer 4

使用text-indent来偏移文本（将其移出视图）。您必须在display: block元素上设置input，否则它也会被移动。

.form-group { text-indent: -999999em; }
input { display: block; }

<div class="form-group">
  Show results within             
  <input type="number" min="0" id="toolset-maps-distance-value" name="toolset_maps_distance_radius" class="form-control js-toolset-maps-distance-value js-wpv-filter-trigger" value="50" required="">
</div>

如何用CSS隐藏元素的字符串内容？

4 个答案: