如何使用javascript找到浏览器支持的`style property`？

Question

我试图找到我的浏览器支持-webkit-text-security我想通过chrome，firefox和ie检查。

为此，我尝试这样：

function cssPropertyValueSupported(prop, value) {
  var d = document.createElement('input');
  d.style[prop] = value;
  return d.style[prop] === value;
}
console.log(cssPropertyValueSupported('text-security', 'disc'));

但我对所有浏览器都是如此。自从firefox以来，即根本不支持这个。这有什么不对？或者找到正确的方法是什么？

LiveDemo

提前致谢