Если у меня есть список оппонентов, как я могу использовать псевдоэлемент CSS: до {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>