Html 如何在输入文件中设置阴影DOM元素的样式

如何在输入文件中设置

span（阴影DOM）

样式

---

您是否尝试在

span

上使用

box shadow

属性？

input[type="file"] {
    width: 100%;
}

input[type="file"]::-webkit-file-upload-button {
    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;
}