从SWF uploadify按钮中删除虚线大纲

从Firefox中显示的Uploadify SWF按钮中删除虚线焦点大纲/边框时遇到了很大的麻烦。从SWF uploadify按钮中删除虚线大纲

enter image description here

我曾尝试uploadify对象&按钮CSS设置为：

:focus { outline:none; } 
::moz-focus-inner { border:none; }

我也尝试使用对焦Uploadify的onDialogOpen回调函数，但仍然没有其他元素。

我该如何摆脱这个烦人的轮廓？

我Uploadify CSS：

.uploadify { 
    position:relative; margin-top:10px; outline:none; 
} 
.uploadify-button { 
    color:#0CF; font-size:12px; text-align: center; border-top:solid 1px #CCC; border-left:solid 1px #CCC; 
    border-right:solid 1px #CCC; margin-bottom:0 !important; outline:none; 
} 
.uploadify:hover .uploadify-button { 
    text-decoration:underline; 
} 
.uploadify-button.disabled { 
    background-color:#D0D0D0; color:#808080; 
}

我Uploadify JS：

$('#file_upload').uploadify({ 
    'buttonText'  : 'Select Files', 
    'width'    : 90, 
    'removeCompleted' : false, 
    'fileSizeLimit'  : '5MB', 
    'formData'   : {'article_id': <? echo $article_id ?>, 'admin_id': '<? echo $_SESSION['admin_id'] ?>', 'referrer': 'Blog Setup'}, 
    'swf'    : 'uploadify/uploadify.swf', 
    'uploader'   : 'uploadify/uploadify.php', 
    'onUploadStart'  : function() { 
     $('#photos_option_loading').show(); 
    }, 
    'onQueueComplete' : function() { 
     $('#photos_option_loading').hide(); 
    }, 
    'onUploadError'  : function(file, errorCode, errorMsg, errorString) { 
     alert('The file ' + file.name + ' could not be uploaded: ' + errorString); 
    } 
});

我Uploadify HTML：

<input type="file" name="file_upload" id="file_upload">

来源

2012-10-01 ShadowStorm

这是一个存在于浏览器级别的功能。关于这一点你可以做的不多。

来源

2012-10-01 18:30:37

从SWF uploadify按钮中删除虚线大纲

回答

相关问题