2016-12-26 1 views

Répondre

0

J'ai trouvé une solution sur sitepoint. Juste en dessous de .file-resume sur votre nom d'entrée de fichier, puis modifiez votre bouton.

/* Style wrapping span as button */ 
span.wpcf7-form-control-wrap.file-resume {//FILE-REsume == your name of file input 
    display: inline-block; 
    position: relative; 
    width: 120px; 
    height: 40px; 
    border-radius: 5px; 
    border: solid 1px #11b28e; 
    background: gray;  
    color: #FFF; 
    overflow:hidden; 
} 

/* Made input big and move it left and top inside wrapper to hide actual control but leave input clickable */ 
input.wpcf7-form-control.wpcf7-file { 
    position: absolute; 
    width: 1500px; 
    height: 1000px; 
    right: 0; 
    bottom: 0;   
    outline: none !important; 
} 


/* Add button text */ 
.wpcf7-file:before { 
    content: "прикріпити файл"; 
    display: block; 
    width: 120px; 
    height: 40px; 
    line-height: 40px; 
    text-align: center; 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    color: #FFF; 
    font-size: 16px; 
}