上传文件样式

时间：2018-06-20 12:56:16 阅读：181 评论：0 收藏：0 [点我收藏+]

标签：play IV int abs box for get func ddl

html

　　</div>

</div>

css

.file {

　　position: relative;

　　height: 40px;

　　line-height: 40px;

}

.file label {

　　display: inline-block;

}

.userdefined-file {

　　position: absolute;

　　top: 0;

　　left: 60px;

　　z-index: 2;

　　width: 300px;

　　height: 40px;

　　line-height: 40px;

　　font-size: 0; /*应对子元素为 inline-block 引起的外边距*/

}

.userdefined-file input[type="text"] {

　　display: inline-block;

　　vertical-align: middle;

　　padding-right: 14px;

　　padding-left: 14px;

　　width: 220px;

　　box-sizing: border-box;

　　border: 1px solid #ccc;

　　height: 40px;

　　line-height: 40px;

　　font-size: 14px;

　　overflow: hidden;

　　text-overflow: ellipsis;

　　white-space: nowrap;

}

.userdefined-file button {

　　display: inline-block;

　　vertical-align: middle;

　　width: 80px;

　　text-align: center;

　　height: 40px;

　　line-height: 40px;

　　font-size: 14px;

　　background-color: #f54;

　　border: none;

　　color: #fff;

　　cursor: pointer;

}

.file input[type="file"] {

　　position: absolute;

　　top: 0;

　　left: 60px;

　　z-index: 3;

　　opacity: 0;

　　width: 300px;

　　height: 40px;

　　line-height: 40px;

　　cursor: pointer;

}

document.getElementById("file").onchange = function() {
　　document.getElementById("userdefinedFile").value = document.getElementById("file").value;
}

上传文件样式

标签：play IV int abs box for get func ddl

原文地址：https://www.cnblogs.com/mashixun/p/9202930.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行