Jquery 如何修改：：after同级元素的css？

但是它不起作用

只有当div.select-picker实际位于select元素之后时，“+”操作符才会起作用

您可以使用span元素（或类似元素）来模拟：after伪元素，并使用“+”运算符对其进行样式设置。

只有当div.select-picker实际位于select元素之后时，“+”运算符才会起作用

您可以使用span元素（或类似元素）来模拟：after伪元素，并使用“+”运算符对其进行样式设置。

此元素的可能重复基本上是个问题此元素的可能重复基本上是个问题

<div class="form-group form-group-lg">
    <div class="select-picker">
        <select class="form-control"></select>
    </div>
</div>

<div class="form-group form-group-lg">
    <div class="select-picker">
        <select class="form-control"></select>
        div.select-picker::after
    </div>
</div>

& > select.form-control {
    position: relative;

    border-radius: $input-border-radius;
    background-color: transparent;
    box-shadow: none; // remove the bootstrap styling

    appearance: none;

    &:focus + div.select-picker::after{
        outline: none;
        border-color: green; // don't change the color on focus
    }