Select-Box：伪元素不起作用之前

Question

我的CSS无法正常工作。在这里您可以看到我的代码：

/*Select-Box*/
select#user_select
{
    background-color: var(--white);
    float: right;
    color: var(--dark_grey);
    width: 30%;
    height: 3rem;
    padding-left: 3%;
    border: 2px solid var(--dark_grey);
    font-size: 1.2em;
    -webkit-appearance: none;
}

select#user_select::before
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    background: var(--dark_grey);
}

Answer 1

是的，<Select>或类似<Input />的任何其他形式的元素都不是css ：之前或：之后。

因此，要使用CSS ：之前或：之后，您需要使用<div>或<span>将其包装起来。然后就可以了。