css实现html页面输入框input的美化

来源：互联网发布：淘宝贷款利息高吗编辑：程序博客网时间：2024/05/29 10:51

css实现html页面输入框input的美化

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />    <title>上传文件美化</title></head><style>    .a-upload {        padding: 4px 10px;        height: 20px;        line-height: 20px;        position: relative;        cursor: pointer;        color: #888;        background: #fff;        border-radius: 4px;        overflow: hidden;        display: inline-block;        *display: inline;        *zoom: 1    }    .a-upload  input {        position: absolute;        font-size: 100px;        right: 0;        top: 0;        opacity: 0;        filter: alpha(opacity=0);        cursor: pointer    }    .a-upload:hover {        color: #444;    }</style><body><a href="javascript:;" class="a-upload">    <input type="file" name="" id="">上传文件美化</a></body></html>

阅读全文

0 0