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>

实现它的更快方法是什么？

感谢支持

标签： htmlcsssafari

Answer 1

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

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