相关疑难解决方法(0)

如何使用CSS伪元素:{content:''}之前影响<option>元素?

如果我有一个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)

html css pseudo-element

12
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

pseudo-element ×1