Css 如何为webkit中的HTML5搜索取消按钮创建回退？

我们的规范要求在搜索框中有一个取消按钮，我知道如何创建一个，但我希望利用内置的webkit搜索取消按钮“x”，然后在不存在此类支持的情况下返回手动解决方案。我该如何检查该功能是否存在？我看不出用现代化来做这件事的任何方法

<input type="search" name="q" placeholder="Search all..." results="5">

这里有一个用于删除样式的有用链接，但我只想在不存在支持时添加样式，因此这无助于我：

---

如果要使用Modernizer，可以添加以下自定义测试：

Modernizr.testStyles(
    '#modernizr, x::-webkit-search-cancel-button { width: 9px; }',
    function(elem, rule){
        Modernizr.addTest('search-reset', elem.offsetWidth == 9);
    });

请在此处查看它的实际操作：

执行此操作时，您可以测试浏览器是否支持

-webkit search cancel按钮

伪元素，因此您可以依赖它。但是，您仍然可能希望跟踪其他浏览器的进度，因此可以将相应的选择器添加到Modernizer的测试中

---

遗憾的是，您无法进行此功能验证，因为此元素未标准化，仅限于webkit。

在这种情况下，我将检查用户代理，而不是查找该功能。