我很难从我的上传版SWF按钮中移除虚线焦点轮廓/边框,如Firefox所示。
我尝试过设置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">
答案 0 :(得分:0)
这是浏览器级别的一项功能。你无能为力。