『壹』 修改了HTML文件,上傳到ftp後,css樣式為什麼變了
CSS樣式通過class名和標簽甚至標簽層級順序選擇具體元素的,你是不是改了html的標簽或者class
『貳』 怎樣自定義上傳文件控制項的樣式
直接寫CSS樣式是不行的
<input type="text" size="20" name="upfile" id="upfile" style="border:1px dotted #ccc">
<input type="button" value="瀏覽" onclick="path.click()" style="border:1px solid #ccc;background:#fff">
<input type="file" id="path" style="display:none" onchange="upfile.value=this.value">
寫成這樣,用一個text和一個button替代file,然後讓file隱藏
『叄』 CSS上傳按鈕樣式,把上傳按鈕做成這樣,要怎麼寫樣式
給input加個id然後給這個id加css樣式就好了。和其他的樣式是一樣道理。
『肆』 怎樣用純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
『伍』 上傳圖片要哪種格式
常用的圖片格式以及特點
對於圖片相信每個接觸過電腦的朋友都不會陌生,但是其實這裡面還有很多知識是你們不知道的哦~不信你們看看吧!
1,BMP格式:
Windows系統下的標准點陣圖格式,未經過壓縮,一般圖像文件會比較大。在很多軟體中被廣泛應用.
2,JPEG格式:
也是應用最廣泛的圖片格式之一,它採用一種特殊的有損壓縮演算法,將不易被人眼察覺的圖像顏色刪除,從而達到較大的壓縮比(可達到2:1甚至40:1),因為JPEG格式的文件尺寸較小,下載速度快,所以是互聯網上最廣泛使用的格式!
3,GIF格式:
最大的特點是不僅可以是一張靜止的圖片,也可以是動畫,並且支持透明背景圖像,適用於多種操作系統,「體型」很小,網上很多小動畫都是GIF格式。但是其色域不太廣,只支持256種顏色.
4,PSD格式:
Photoshop的專用圖像格式,可以保存圖片的完整信息,土層,通道,文字都可以被保存,圖像文件一般較大。
5,PNG格式:
與JPG格式類似,網頁中有很多圖片都是這種格式,壓縮比高於GIF,支持圖像透明,可以利用Alpha通道調節圖像的透明度,是網頁三劍客之一Fireworks的源文件。
6,TIFF格式:
它的特點是圖像格式復雜、存貯信息多,在Mac中廣泛使用的圖像格式,正因為它存儲的圖像細微層次的信息非常多,圖像的質量也得以提高,故而非常有利於原稿的復制。很多地方將TIFF格式用於印刷.
7,TGA格式:
TGA的結構比較簡單,屬於一種圖形、圖像數據的通用格式,在多媒體領域有著很大影響,在做影視編輯時經常使用,例如3DS MAX輸出TGA圖片序列導入到AE裡面進行後期編輯。
8,EPS格式:
蘋果Mac機的用戶則用得較多。它是用PostScript語言描述的一種ASCII碼文件格式,主要用於排版、列印等輸出工作。
『陸』 input file 怎麼修改樣式
file上傳按鈕的美化思路是,先把之前的按鈕透明度opacity設置為0,然後,外層用div包裹,就實現了美化功能。
代碼如下:
DOM結構:
<a href="javascript:;" class="a-upload">
<input type="file" name="" id="">點擊這里上傳文件
</a>
<a href="javascript:;" class="file">選擇文件
<input type="file"
『柒』 html5文件上傳控制項的button樣式怎麼修改
你直接將它隱藏,然後自己寫一個button。
給這個button加點擊事件。
點擊事件中在通過JS去觸發上傳文件控制項的點擊事件就可以了。
『捌』 html 上傳文件按鈕,自定義樣式 在ie8 裡面就不能點了,怎麼弄呢求高手幫忙解決
估計是js代碼不兼容!
把docment.forms...這段改成
document.getElementById('buslicense')試試
如果還是不行
那接著把
href="....."這個改成href="#"
然後再加個屬性onclick="sDialogs()"
再試試
『玖』 html input=「file」的默認樣式
可以用樣式覆蓋的
『拾』 html點擊button彈出選擇文件,上傳,這個怎麼實現
<divclass="buttonoperating-button"id="fileUpdate-button">從Excel中批量導入</div>
<formaction=""id="fileUpdate-form">
<inputtype="file"name="filename"id="fileUpdate-input"style="display:none"/>
</form>
<scripttype="text/javascript">
//上傳文件處理
varfileUpdate_button=document.getElementById("fileUpdate-button");
varfileUpdate_input=document.getElementById("fileUpdate-input");
varfileUpdate_form=document.getElementById("fileUpdate-form");
fileUpdate_button.onclick=function(){
fileUpdate_input.click();
}
fileUpdate_input.onchange=function(){
fileUpdate_form.submit();
}
</script>