您的位置：首页 > Web前端 > CSS

修改选择文件文本框及按钮样式

2016-05-27 10:35 316 查看 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>选择文件</title>
<style>
.u-btn-selectfile{
background: #eee;
border: none;
/*color: #ffffff;*/
font-weight: bold;
}
.u-btn-selectfile:focus{
outline: 0;
}
.u-btn-selectfile span{
position: relative;
top: -3px;
}
</style>
</head>
<body>
<span>选择文件：</span>
<input type="text" size="20" name="upfile" id="upfile" class="u-input-version"/>
<button type="button" onclick="path.click()" class="u-btn-selectfile">
<span>...</span>
</bttton>
<input type="file" id="path" style="display:none" onchange="upfile.value=this.value"/>
</body>
</html>


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航