Input file style02

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Change the file input button text using CSS | par NGLESSON</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keyword" content="Change the file input button text using CSS">
    <meta name="author" content="Mezgani said">
    <meta name="copyright" content="NGLESSON">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="style.css"  rel="stylesheet" type="text/css">
</head>
<body class="container">
    <div class="row mt-5">
        <div class="col-lg-6">
          <h4>Change the file input button text using CSS</h4>
          <div class="form-group">
            <div class="custom-file" id="customFile">
              <input type="file" class="custom-file-input" id="exampleInputFile" aria-describedby="fileHelp">
              <label class="custom-file-label" for="exampleInputFile">
                  Select picture
              </label>
            </div>
          </div>        
        </div>
   	</div>
</body>
</html>
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');

* {
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    font-family: 'Ubuntu', sans-serif;
} 

.custom-file-input ~ .custom-file-label::after {
    content: "Search" !important;
}

                                    
Ajouter une pagination1

Ajouter une pagination1

Blog post card 01

Blog post card 01

Card Bootstrap4 02

Card Bootstrap4 02

Créer une input search animée

Créer une input search animée

Double Scrollbar with Plugin Jquery in table

Double Scrollbar with Plugin Jquery in table

Footer Responsive avec Bootstrap4

Footer Responsive avec Bootstrap4

Form Création de compte

Form Création de compte

Image hover 05

Image hover 05

Image hover 07

Image hover 07

SwiperJS style02 avec 6 colonnes

SwiperJS style02 avec 6 colonnes

login page green one

login page green one

page scroll progress bar

page scroll progress bar