css上传样式,上传文件css

css样式用FTP上传不起作用

不起作用的可能性：

第一种可能，网站系统有缓存，后台或者手动清除缓存看下。

第二种可能，css文件引入时候有误，请检查。

第三种可能，css写的有误。

排查错误

打开相应网页，查看源代码，看时候能打开相应的css文件，查看css文件，是否是上传的css文件。

火狐的”firebug“或则谷歌浏览器的”检查元素“，调试css，直到达到预想的效果。

相关问答

Q1: 怎样用纯HTML和CSS更改默认的上传文件按钮样式

我们的目标是创造一个简洁，用纯CSS实现的，在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样：

步骤1.创建一个简单的HTML标记

Upload

第2步：CSS：

有点棘手了

.fileUpload

{

position:

relative;

overflow:

hidden;

margin:

10px;

}

.fileUpload

input.upload

{

position:

absolute;

top:

0;

right:

0;

margin:

0;

padding:

0;

font-size:

20px;

cursor:

pointer;

opacity:

0;

filter:

alpha(opacity=0);

}

为简单起见，我使用应用了BootstrapCSS样式的按钮

(div.file-upload)。

演示：

上传按钮，显示选中的文件

不幸的是纯CSS的做不到这一点。但是，如果你真的想显示所选文件，下面的JavaScript代码片段可以帮助你。

JavaScript：

document.getElementById("uploadBtn").onchange

=

function

()

{

document.getElementById("uploadFile").value

=

this.value;

};

DOM:

Upload

Q2: CSS上传按钮样式，把上传按钮做成这样，要怎么写样式

首先用PHOTOSHOP做出你想要的样式的图片。具体代码，我就把我以前写的CSS样式表发给你看看，仅供参考。 .btn1 {

height: 20px;

width: 60px;

background-image: url(img/search.jpg);

background-repeat: no-repeat;

background-position: center center;

background-color: transparent;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

}你只需要把背景图片更改成你的图片就可以了（需要注意图片文件和网页文件保存的位置）。