如何使::before标记仅在输入内容时出现？

::before是CSS伪元素，用于在元素内容之前插入内容。要使::before标记仅在输入内容时出现，可以使用CSS的:focus伪类选择器。

:focus伪类选择器用于匹配当前获取焦点的元素。结合::before伪元素，可以在输入内容时显示特定的内容。

下面是一个示例代码：

HTML:

<input type="text" id="myInput">

CSS:
```css
#myInput:focus::before {
  content: "输入中...";
  color: red;
}

在上面的代码中，当输入框获得焦点时，::before伪元素会在输入框内容之前插入一个红色的文本 "输入中..."。当失去焦点时，该文本会消失。

这种技术可以用于给用户提供输入反馈或者指示。在实际应用中，可以根据具体需求来设计和定制::before伪元素的样式和内容。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
• 移动开发平台（移动推送）：https://cloud.tencent.com/product/umeng_push
• 对象存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe