CSS material desgin input with default value不会返回到原始状态

CSS Material Design Input是一种基于Google Material Design风格的输入框样式，它具有现代、简洁和直观的外观。它可以通过CSS样式来实现，而无需使用任何JavaScript代码。

默认值是指在输入框中预填充的初始文本。通常情况下，当用户点击输入框时，预填充的默认值会被清空，以便用户输入自己的内容。然而，有时候我们希望默认值在用户输入后仍然保留，而不会返回到原始状态。

要实现这个效果，可以使用CSS的:placeholder-shown伪类和:focus伪类结合使用。:placeholder-shown伪类表示输入框中的默认值是否可见，:focus伪类表示输入框是否处于焦点状态。

下面是一个示例的CSS代码：

/* 设置默认值样式 */
input[type="text"]::placeholder {
  color: #999;
}

/* 设置默认值可见时的样式 */
input[type="text"]:placeholder-shown {
  color: #999;
}

/* 设置输入框处于焦点状态时的样式 */
input[type="text"]:focus {
  color: #333;
}

在上面的代码中，我们设置了默认值的颜色为灰色（#999），默认值可见时的颜色也为灰色，而输入框处于焦点状态时的颜色为黑色（#333）。

这样，当用户点击输入框时，默认值不会被清空，而是保留在输入框中。用户输入内容后，输入框的颜色会变为黑色，以表示输入框中有内容。

这种CSS样式可以应用于任何类型的输入框，包括文本输入框、密码输入框等。

腾讯云相关产品中，与CSS Material Design Input类似的样式可以通过使用腾讯云的Web+服务来实现。Web+是一种云端一体化开发平台，提供了丰富的前端开发工具和服务，可以帮助开发者快速构建现代化的Web应用程序。您可以通过Web+来创建自定义的输入框样式，并将其部署到腾讯云的服务器上。

更多关于腾讯云Web+服务的信息，请访问以下链接：

腾讯云Web+产品介绍

请注意，本回答中没有提及其他流行的云计算品牌商，如亚马逊AWS、Azure、阿里云等。