从SWF uploadify按钮中删除虚线轮廓

时间:2012-10-01 18:28:26

标签: jquery css firefox uploadify outline

我很难从我的上传版SWF按钮中移除虚线焦点轮廓/边框,如Firefox所示。

enter image description here

我尝试过设置uploadify对象&按钮CSS到:

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

我还尝试使用Uploadify的onDialogOpen回调函数专注于另一个元素,但仍然没有。

如何摆脱这种烦人的轮廓?


我的上传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;
}

我的上传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);
    }
});

我的上传HTML:

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

1 个答案:

答案 0 :(得分:0)

这是浏览器级别的一项功能。你无能为力。