css - 使用css将选择框选项设置为“已选择”

Question

我正在起诉一个带有选择框简码的 wordpress 联系表单插件：

[select ID "option1""option2" "option3"]

现在在浏览器中，这将呈现为：

<select>
   <option>Option1</option>
   <option>Option2</option>
   <option>Option3</option>
</select>

我需要的：

我想将第二个选项设置为选定的选项 option2..

现在我知道你这样做了：

<select>
   <option>Option1</option>
   <option selected="selected">Option2</option>
   <option>Option3</option>
</select>

但是我不能在简码中定义它，而且我不想使用 jquery 来适应没有启用 javascript 的人......

那么我如何使用 CSS 将第二个选项设置为默认选择？

谢谢

Answer 1

您可以在这里做的最好的事情可能是切换值。

我不确定这是否适合您，但这是迄今为止最简单的解决方案，无需使用 CSS / JS