在不影响其他元素的情况下，使用css ::after在输入后创建水平破折号

在不影响其他元素的情况下，使用CSS ::after伪元素可以在输入后创建水平破折号。通过CSS伪元素，我们可以向特定的元素添加额外的内容，并进行样式化。

以下是实现该效果的步骤：

1. 首先，选择要添加水平破折号的元素，可以是文本框、输入框或其他元素。为了方便说明，我们以文本框为例。
2. 使用CSS选择器选择要添加伪元素的目标元素。例如，假设目标元素有一个类名为“input-text”的类，选择器可以写成：.input-text::after。
3. 为选择的元素的伪元素添加内容。对于水平破折号，我们可以设置content属性为" - "。
4. 样式化伪元素。可以使用CSS属性来定义伪元素的样式，如color、font-size、margin等。根据需求，可以自定义样式。

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

.input-text::after {
  content: " - ";
  color: #000;
  font-size: 12px;
  margin-left: 5px;
}

在上述示例中，我们选择了一个类名为“input-text”的元素，并在其后添加了水平破折号。破折号的样式设置为黑色字体、12px字号和5px的左边距。

请注意，这只是一个示例，并且样式可以根据具体需求进行调整。

对于腾讯云的相关产品和产品介绍链接地址，根据这个具体的问答内容，暂时没有相关的腾讯云产品与之对应。