I have a lightning-input with type file so I can upload files. I don't want the little box that says "Or drop files" that shows up beside the upload button to show. Is there a way to hide it?
I've already seen the solution at Lightning:input type="file" change the "Upload Files" text, but it isn't working for me in LWC.
.html
<lightning-input
type="file"
onchange={handleFileUpload}
accept="*"
multiple></lightning-input>
.css
.THIS .slds-file-selector__dropzone .slds-file-selector__text{
display: none !important;
}
.THIS .slds-file-selector__text .slds-medium-show {
display: none !important;
}
rendered .html
<span lightning-input_input="" class="slds-file-selector__text slds-medium-show">Or drop files</span>