How to style shadow DOM element inside input file

How can I style span (Shadow DOM) inside input file

input[type="file"] {      width: 100%;  }    input[type="file"]::-webkit-file-upload-button {      visibility: hidden;      display: none;  }    input[type="file"]:before {      content: 'Load';      text-align: center;      width: 100%;      margin-top: 10px;      height: 42px;      padding: 20px;      line-height: 4px;      font-size: 1.2em;      font-family: "Georgia";      color: #666;      cursor: pointer;      background: rgb(239, 239, 239);      display: block;      box-sizing: border-box;  }  

https://stackoverflow.com/questions/67041352/how-to-style-shadow-dom-element-inside-input-file April 11, 2021 at 12:04PM