css-input[type='file']光标效果

Posted 一路繁花似锦绣前程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css-input[type='file']光标效果相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>自定义input[type=\'file\']样式</title>
</head>
<body>
<input type="file"/>
<style type="text/css">
    input{
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
    input:before{
        content: "";
        display: inherit;
        width: inherit;
        height: inherit;
    }
</style>
</body>
</html>

 

以上是关于css-input[type='file']光标效果的主要内容,如果未能解决你的问题,请参考以下文章

input[type='file']获取上传文件路径案例

vue使用input标签 type='file'上传文件

input[type='file']样式美化及实现图片预览

javascript或jquery怎么重置type=‘file’的输入框

input type='file'限制上传文件类型

前端实现input[type='file']上传图片预览效果