仅为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);