Question

我想使用WordPress上的文本框作为密码，我不希望在文本框上输入后显示文本。我可以使用任何CSS代码来实现这一目标吗？

Answer 1

仅使用密码框输入框而不是文本框，如果您使用的是wordpress或某些插件提供的默认文本框，则需要输入代码使其看起来像密码。

这是代码

Answer 2

您可以简单使用

<input type="password" />

或

使用CSS属性 -webkit-text-security

仅适用于Webkit的解决方案

.password-field{
   -webkit-text-security: disc;
}

<input class="password-field" type="text" />

Answer 3

只需将颜色设置为文本框背景色即可。

.nonvisible
 {
   color:white;
 }

<input type="password" class="nonvisible">

Answer 4

以html心情启用文本框并将

<p class="my-text">

 write your text here

</p> 

and go to the customization and add custom css

<style>
.my-text{
color:white;
}
</style>

OR

<style>
.my-text{
display:none;
}
</style>

Answer 5

下面的代码是我拥有的，但文本框上的文本仍然可见。如果我有任何错误，请帮助调查。

电子邮件地址密码 Everythingeloma.com，由Netbuilder Ltd.提供。

Answer 6

一种方法可以是：

input,
input::selection {
    background-color: #fff;
    color: #fff;
    color: rgba(255, 255, 255, 0);
}

对于以前使用颜色的答案，我添加了伪元素::selection，以避免在简单选择时显示密码，并在文本上显示不透明度0（可能有点过时）。

但是通过这种方式，您仍然可以“复制粘贴”密码，因此您可能想看看this post，或将类似的内容用作输入内容：

oncopy="return false" oncut="return false" onpaste="return false"
ondrop="return false;" ondragstart="return false;"

话说回来，最简单的方法是在type='password'上使用input，如果不想使用rgba颜色，第4个值则为0看到小星星。在选择::selection时将带有input的选择器也隐藏起来。

如何使文本在文本框中不可见？

6 个答案: