Html 选择不在选择器后添加伪

我想在我的选择中添加一个字体箭头，但

：after

选择器似乎未被应用：

由于某种原因，焦点也没有被应用

选择{
边框：1px实心#7272；
-webkit外观：无；
边界半径：0；
宽度：50%；
填充：10px；
}
。选择：在{
内容：“\F0DA”；
字体系列：Fontsome；
字体大小：20px；
颜色：黑色；
}
选择：焦点：{
大纲：3px固体#ffbf47！重要；
轮廓偏移：0；
}

一个
两个

正如我在评论中所说，您不能在

select

上使用

pseudo

，而是用

div

将您的select包装起来，然后在其上使用

pseudo

选择{
边框：1px实心#7272；
-webkit外观：无；
边界半径：0；
宽度：100%；
填充：10px；
}
.选择选项{
位置：相对位置；
宽度：50%；
}
.选择选项：：之后{
内容：“\F0DA”；
字体系列：Fontsome；
字体大小：20px；
颜色：黑色；
位置：绝对位置；
右：10px；
顶部：7px；
}
选择：焦点{
大纲：3px固体#ffbf47！重要；
轮廓偏移：0；
}

一个
两个

您不能在

select

上添加

pseudo

元素，您需要一个带有pseudo元素的包装器元素才能工作。对。您希望图标显示在何处？在控制之外？请回答你的第二个问题，这是由输入错误（第二个冒号）引起的。