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