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

                                    
up down tr in table with js

up down tr in table with js

creation dune icone de prechargement avec css

creation dune icone de prechargement avec css

Timeline style07

Timeline style07

Timeline style05

Timeline style05

Loading style book loader

Loading style book loader

Header Aside Footer Admin

Header Aside Footer Admin

Form Création de compte

Form Création de compte

Chercher un mot sur la liste

Chercher un mot sur la liste

Carousel 6 Column Product Slider with B4

Carousel 6 Column Product Slider with B4

Card Bootstrap4 02

Card Bootstrap4 02

Card Bootstrap4 01

Card Bootstrap4 01

Asidebar Bootstrap4 style02

Asidebar Bootstrap4 style02