排序已禁用选择选项

Question

有一个select disabled option。我的问题是，有一个CSS解决方案来排序option s？我想将所有disabled选项排列到底部，将所有启用的option排列到顶部。我附上了截图。启用的option s'颜色为黑色，disabled option s'颜色为浅灰色。

#playground-content select option {
    color: black;
}

#playground-content select option:disabled {
    color: rgba(221, 221, 221, 1);
}