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

                                    
creation dune icone de prechargement avec css

creation dune icone de prechargement avec css

Transitions Animations SVG Style01

Transitions Animations SVG Style01

Timeline style01

Timeline style01

Lightbox gallery style01

Lightbox gallery style01

Input file style02

Input file style02

Image hover style border top

Image hover style border top

Image hover 01

Image hover 01

Footer Responsive avec Bootstrap4

Footer Responsive avec Bootstrap4

Dropdown right aligned B4

Dropdown right aligned B4

Comment intégrer yamli dans une input

Comment intégrer yamli dans une input

Changer le style du scroll bar in html

Changer le style du scroll bar in html

Alert Bootstrap4 style02

Alert Bootstrap4 style02