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;
}

                                    
toggle switch style01

toggle switch style01

Radio Input Image Checkbox 01

Radio Input Image Checkbox 01

Input range slider HTML style01

Input range slider HTML style01

Gallery images with bootstrap4 Flexbox

Gallery images with bootstrap4 Flexbox

Form login b4 01

Form login b4 01

Form Création de compte

Form Création de compte

Créer un effet de défilement vers le bas de la souris animé

Créer un effet de défilement vers le bas de la souris animé

Carousel Bootstrap3

Carousel Bootstrap3

Carousel 8 bloc with B4

Carousel 8 bloc with B4

Cards box with title

Cards box with title

Bootstrap modal avec un formulaire newsletter

Bootstrap modal avec un formulaire newsletter

Bloc resizable with jquery

Bloc resizable with jquery