答案是不能直接结合使用，因为::placeholder用于设置输入框占位符样式，而::after无法在input等替换元素上生效；可通过包裹容器和额外标签模拟效果。
在CSS中，::placeholder 和 ::after 不能直接“结合”使用，因为它们作用的对象和时机不同，理解这一点很重要。
::placeholder 的作用范围
::placeholder 是用于设置表单元素（如 input 或 textarea）中占位符文本样式的伪元素。它只能影响 placeholder 文本本身的外观，比如颜色、字体、透明度等。
例如：
input::placeholder {
color: #999;
font-style: italic;
}
::after 的限制
::after 伪元素通常用于在元素内容之后插入装饰性内容（通过 content 属性），但它不能用于表单类替换元素，比如 input 或 textarea。
立即学习“前端免费学习笔记（深入）”；
也就是说，下面的写法是无效的：
input::after {
content: "★";
}
大多数浏览器不支持在 input 上使用 ::before 或 ::after，因此你无法直接通过它们为输入框添加视觉装饰内容。
如何实现类似“placeholder + after”的效果？
虽然不能直接结合使用，但可以通过以下方式模拟所需效果：
- 用一个容器包裹 input，将装饰内容加在容器上
- 利用 label 或额外 span 模拟附加图标或提示
- 通过 JavaScript 控制 placeholder 的动态变化
示例：用标签模拟“placeholder 后面加图标”
ⓘ
.input-wrapper {
position: relative;
display: inline-block;
}
.input-wrapper .icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
opacity: 0.6;
}
input {
padding-right: 30px;
}
基本上就这些。想实现 placeholder 旁边的视觉增强，别指望 ::after 直接生效，而是用结构+CSS配合更可靠。
