Jquery CSS-选择框，如何使用所选选项更改文本颜色

我有这个选择输入：

<select name="color_tarea" id="color_tarea" style="font-family: 'FontAwesome', Arial;" class="form-control">
    <option value="danger" class="text-danger">&#xf111; Máxima prioridade</option>
    <option value="warning" class="text-warning">&#xf111; Prioridade elevada</option>
    <option value="info" class="text-info">&#xf111; Información</option>
    <option value="primary" class="text-primary">&#xf111; Pouco importante</option>
    <option value="success" class="text-success">&#xf111; Cando se poda</option>
</select>

；Máxima prioridade
；拉维达普里奥里达德酒店
；信息
；普科重要酒店
；坎多斯波达酒店

每个选项都有自己的文本颜色。现在我想用选定的颜色更改主颜色（选定选项）。我找不到只使用CSS的方法，如何获得所选选项的类以使用jQuery进行更改

提前谢谢

编辑：

---

标记为可能解决方案的问题不是我的解决方案。用于更改占位符（未写入文本时输入的文本）。我需要主选择框（不是选项）上的文本随所选选项的颜色变化。我不知道这是否正确地解释了这种情况。

仅使用CSS并不容易以下是一些选项：

---

更改选定元素的样式（仅限CSS）：

选项：选中{
颜色：浅绿色；
}

；Máxima prioridade
；拉维达普里奥里达德酒店
；信息
；普科重要酒店
；坎多斯波达酒店

可能重复的可能重复的可能重复的谢谢你们两位的回答，但有点复杂。我编辑是为了更好地解释我需要实现的目标。非常感谢你的帮助，但我想我做了一个错误的解释。在我的HTML中，我有5个选项，每个选项有一种不同的颜色。我需要的不是突出显示的选项，甚至不是更改颜色，我需要根据所选元素更改主选择框（抱歉，这有点难以解释）。我稍后再看。我想我明白你的意思了。