Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Firefox/IE上隐藏元素并仅在chrome上显示_Javascript_Css_Webkit_Input Type File - Fatal编程技术网

Javascript 在Firefox/IE上隐藏元素并仅在chrome上显示

Javascript 在Firefox/IE上隐藏元素并仅在chrome上显示,javascript,css,webkit,input-type-file,Javascript,Css,Webkit,Input Type File,我正在使用选择Chrome上的文件夹。虽然我知道这个功能只能在Chrome上使用,但我想在Firefox和IE等不支持它的浏览器上隐藏这个按钮 我发现一篇帖子建议做如下代码,但在chrome和FF上都返回false $scope.isDirSupp = function() { var tmpInput = $('#bulkyFolder'); if ('webkitdirectory' in tmpInput || 'mozdirectory' in tmpI

我正在使用
选择Chrome上的文件夹。虽然我知道这个功能只能在Chrome上使用,但我想在Firefox和IE等不支持它的浏览器上隐藏这个按钮

我发现一篇帖子建议做如下代码,但在chrome和FF上都返回false

$scope.isDirSupp = function() {
    var tmpInput = $('#bulkyFolder');
    if ('webkitdirectory' in tmpInput 
        || 'mozdirectory' in tmpInput 
        || 'odirectory' in tmpInput 
        || 'msdirectory' in tmpInput 
        || 'directory' in tmpInput) return true;

    return false;
}
html:


在chrome上显示此按钮并在Firefox和IE上隐藏它的最佳方式是什么?

您可以使用CSS仅在chrome上显示输入元素

#笨重文件夹{
显示:无;
}
#bulkyFolder:not(*:root){/*仅支持WebKit浏览器*/
显示:块;
}

您可以使用CSS仅在Chrome上显示输入元素

#笨重文件夹{
显示:无;
}
#bulkyFolder:not(*:root){/*仅支持WebKit浏览器*/
显示:块;
}

您可以使用CSS仅在Chrome上显示输入元素

#笨重文件夹{
显示:无;
}
#bulkyFolder:not(*:root){/*仅支持WebKit浏览器*/
显示:块;
}

您可以使用CSS仅在Chrome上显示输入元素

#笨重文件夹{
显示:无;
}
#bulkyFolder:not(*:root){/*仅支持WebKit浏览器*/
显示:块;
}
读取

它有浏览器检测技术、演示和实现方法。 他解释了如果布尔变量是特定浏览器,则将其设置为true。所以你可以访问它,并在特定的浏览器上单独显示特定的内容

例如:
var isChrome=!!window.chrome&!等轴虫

这将设置变量
isChrome

现在,如果设置了
isChrome
,您可以在java脚本中动态创建内容并显示

阅读

它有浏览器检测技术、演示和实现方法。 他解释了如果布尔变量是特定浏览器,则将其设置为true。所以你可以访问它,并在特定的浏览器上单独显示特定的内容

例如:
var isChrome=!!window.chrome&!等轴虫

这将设置变量
isChrome

现在,如果设置了
isChrome
,您可以在java脚本中动态创建内容并显示

阅读

它有浏览器检测技术、演示和实现方法。 他解释了如果布尔变量是特定浏览器,则将其设置为true。所以你可以访问它,并在特定的浏览器上单独显示特定的内容

例如:
var isChrome=!!window.chrome&!等轴虫

这将设置变量
isChrome

现在,如果设置了
isChrome
,您可以在java脚本中动态创建内容并显示

阅读

它有浏览器检测技术、演示和实现方法。 他解释了如果布尔变量是特定浏览器,则将其设置为true。所以你可以访问它,并在特定的浏览器上单独显示特定的内容

例如:
var isChrome=!!window.chrome&!等轴虫

这将设置变量
isChrome


现在,如果设置了
isChrome
,您可以在java脚本中动态创建内容并显示

谢谢!工作很有魅力。欢迎:)将此问题标记为CSS,因为已接受的答案是相关的。谢谢!工作很有魅力。欢迎:)将此问题标记为CSS,因为已接受的答案是相关的。谢谢!工作很有魅力。欢迎:)将此问题标记为CSS,因为已接受的答案是相关的。谢谢!工作很有魅力。欢迎:)将此问题标记为CSS,因为已接受的答案是相关的。