原来样式改变不了(input type="file")

Posted TTTK

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原来样式改变不了(input type="file")相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
  label{
    border-radius: .4rem;
    background-color: #979fa8;
    color: #fff;
    display: inline-block;
    padding: .8rem 4rem;
    cursor: pointer;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: background-color .5s cubic-bezier(.24,.68,.67,.9);
  }
  span{
        cursor: pointer;
    pointer-events: none;
  }
  input[type=file] {
    display: none;
    visibility: hidden;
  }
  </style>


</head>
<body>
<label>
  <span>上传</span>
  <input type="file">


</label>
</body>
</html>

  

以上是关于原来样式改变不了(input type="file")的主要内容,如果未能解决你的问题,请参考以下文章

我们可以改变 <input type="file"> 样式吗? [复制]

如何修改input[type="file"]的默认样式

如何更改 iOS 和安卓浏览器上的 input[type="radio"] 元素的默认样式?

checkbox默认样式

怎样改变checkbox的默认蓝色

uni-app radio的样式如何修改