How To Change Style for File Upload in Contact Form7
Here is the code for How To Change Style for File Upload in Contact Form7 ,
.your-file {
color: transparent;
}
.your-file::-webkit-file-upload-button {
visibility: hidden;
}
.your-file::before {
content: 'Seleziona un file';
color: white;
display: inline-block;
background: #ff9800;
border: 2px solid #e68d09;
border-radius: 3px;
padding: 5px 8px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10pt;
}
.your-file:active {
outline: 0;
}
.your-file:hover::before {
border-color: #ffaf37;
}
.your-file:active::before {
background-color: #ff9800;
}