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

                                    
bootstrap4 tabs

bootstrap4 tabs

Vidéo background en html5 style02

Vidéo background en html5 style02

Scroll to div ID

Scroll to div ID

Responsive image grid

Responsive image grid

Profile page with b4

Profile page with b4

Nav Menu style01

Nav Menu style01

Loading style book loader

Loading style book loader

Form login 03

Form login 03

Elastic Content Slider

Elastic Content Slider

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é

ChartJS style01

ChartJS style01

Buttons Styles Inspirations

Buttons Styles Inspirations