是否有任何纯CSS方法只隐藏[input=text]中的文本,而不是整个元素?

是否有任何纯CSS方法只隐藏[input=text]中的文本,而不是整个元素?,css,Css,代码如下: input[type=text]{display:none} 使颜色透明 .value隐藏{color:transparent} .value hidden::selection{color:transparent;} 使颜色透明 .value隐藏{color:transparent} .value hidden::selection{color:transparent;} 如果您的输入值不太长,这将起作用: 值隐藏{文本缩进:-99em;} 如果您的输入值不太长,这将起作用

代码如下:

input[type=text]{display:none}

使颜色透明

.value隐藏{color:transparent}
.value hidden::selection{color:transparent;}

使颜色透明

.value隐藏{color:transparent}
.value hidden::selection{color:transparent;}

如果您的输入值不太长,这将起作用:

值隐藏{文本缩进:-99em;}

如果您的输入值不太长,这将起作用:

值隐藏{文本缩进:-99em;}

只需
字体大小:0
,但您需要确保对输入应用宽度/高度

输入[类型=文本]{
字号:0;
最小宽度:200px;
最小高度:30px;
}

只需
字体大小:0
,但您需要确保对输入应用宽度/高度

输入[类型=文本]{
字号:0;
最小宽度:200px;
最小高度:30px;
}

为什么要这样做。用户如何知道他们是否输入了任何内容以及输入了什么内容?请问为什么<代码>颜色:透明?为什么要这样做。用户如何知道他们是否输入了任何内容以及输入了什么内容?请问为什么<代码>颜色:透明?这很有效,但用户仍可以通过选择文本或复制粘贴文本来查看文本。如果用户通过选择看到文本,只需添加一个
指针events:none
@guiseppedpepepepepepende我已经更新了代码段以隐藏选择<代码>指针事件:无是一个棘手的问题,因为您将无法获得该元素的javascript事件<代码>文本缩进:-99em也很棘手(你自己也注意到了),因为文本可以任意长。这是可行的,但用户仍然可以通过选择文本或复制粘贴文本来查看文本。如果用户通过选择看到文本,只需添加一个
指针events:none
@guiseppedpepepepepepende我已经更新了代码段以隐藏选择<代码>指针事件:无是一个棘手的问题,因为您将无法获得该元素的javascript事件<代码>文本缩进:-99em也很棘手(你自己也注意到了),因为文本可以任意长。