html - 仅为 Safari 浏览器添加一个选择选项

Question

我有一个像这样的基本 SELECT 元素:

<select name="bla" id="bla">
<option value="1">Opt1</option>
<option value="2">Opt2</option>
</select>

我希望如果这个组件由 Safari 浏览器呈现，它会呈现

<select name="bla" id="bla">
<option value="">Select an option</option><!-- ONLY FOR SAFARI BROWSER -->
<option value="1">Opt1</option>
<option value="2">Opt2</option>
</select>

什么是更快的实现方式？

感谢支持

Answer 1

没有可以调节浏览器的 HTML 组件，但您可以使用 Javascript 在浏览器检测中动态添加一个选项。

var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);