如果我有一个optons列表,我怎么能使用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>
Run Code Online (Sandbox Code Playgroud)