Как я могу использовать псевдоэлемент CSS: before {content: ''} для воздействия на элемент <option>?
Если у меня есть список оптонов, как я могу использовать псевдоэлемент CSS: before {content: ''}, чтобы повлиять на<option>? Ниже есть три варианта, которые я хотел бы вставить перед каждым.
Я знаю, что это можно сделать с помощью javascript / jQuery, но возможно ли это с помощью CSS?
<html>
<head>
<style>
option::before {
content: "sandy - "
}
</style>
</head>
<body>
<select>
<option>beach</option>
<option>field</option>
<option>carpet</option>
</select>
</body>
</html>