最優(yōu)良人 » 樣式 http://www.dgkai.cn/blog 中山php|最優(yōu)網(wǎng)絡(luò) Mon, 13 May 2013 04:56:43 +0000 en hourly 1 http://wordpress.org/?v=3.1.4 修改file表單按鈕樣式,把文字:瀏覽..修改成自己喜歡的樣式或其他文字 http://www.dgkai.cn/blog/view-98.html http://www.dgkai.cn/blog/view-98.html#comments Sat, 13 Aug 2011 18:48:01 +0000 lin http://www.dgkai.cn/blog/?p=98

由于file類型的表單會自動生成一個文字為瀏覽..的按鈕,并且這個按鈕的文字不能改變,如果我想改變這個file input框的表現(xiàn)形式或者希望改變這個按鈕的文字應(yīng)該怎么辦呢?

我首先想到的,也是最簡單的方式就是把這個file input框隱藏,然后建多一個按鈕,點(diǎn)擊按鈕的時候觸動file 的click事件,這個方式再ie下可以,在火狐下就沒效果。

另外幾種種比較常用的方式就可以解決瀏覽器兼容的問題,下面這種算是比較完美的解決方式,也是最簡單的了。

就是先把這個file框透明,然后把它放在a標(biāo)簽里面,定義a標(biāo)簽的背景樣式,這樣看到的是a,點(diǎn)擊的是file,下面是代碼:
<HTML>
<HEAD>
<TITLE>upload</TITLE>
<style>

.a {

cursor:hand;
text-decoration:none;
background-image: url('http://cn.madeinasia.com/templets/default/images/logo.gif');
height:20px;
width:20px;
padding:0px;
}

.file {
cursor:pointer;
font-size:20px;
left:0px;
opacity:0;
filter:alpha(opacity=0)
}

</style>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" enctype="multipart/form-data">
<A class='a' href=#><INPUT class='file' type=file size=1 name="filedata" onchange="this.form.submit()"></A>
<INPUT TYPE="submit" value="提交">
</FORM>

</BODY>
</HTML>

]]>
http://www.dgkai.cn/blog/view-98.html/feed 277
久久人爽人人爽人人片av| 舞阳县| 九九热在线精品视频| 亚洲日韩v无码中文字幕| 凭祥市| 午夜福利无码AV| 色花堂在线av中文字幕九九| 国产亚洲精久久久久久蜜臀| 欧美精品自拍第一页| 中文无码高清影视| 精品人伦一区二区三区蜜桃91| 亚洲AV无码成人毛片一级www| 香蕉深夜视频亚洲| 丁香七月激情视频| 欧美日韩av| 黑人巨大的吊bdsm| 欧美成人在线观看视频| site:v6574.cn| 欧美日韩在线色| 秋霞国产精品| 日韩丝袜国产欧美一区| 亚洲vA有声音动态| 97综合网| 欧美人妖一234区| 蜜臀av| 亚洲精品一区二区18| 日本一级色大片| 亚洲av麻豆aⅴ无码电影| 久久有码精品| 久久九九精品视频| 亚洲精品一二三四区| 亚洲小说综合久久| av超碰| 人妻色| 亚洲香蕉在线| 五月丁香久久久| 亚洲中日韩三区| 伊人久久综合精品一区二区三区| 免费热久久| 亚洲一级无码AV| 人妖com人妖与人妖com|