0

display

this is my code, I want to move the choose file button to the right and add 1 more button to the right please help

.input_container {
   border: 1px solid #e5e5e5;
}

input[type=file]::file-selector-button {
  background-color: white;
  color: #000;
  border: 0px;
  border-right: 1px solid #e5e5e5;
  padding: 10px 15px;
  margin-right: 20px;
  transition: .5s;
}

input[type=file]::file-selector-button:hover {
  background-color: grey;
  border: 0px;
  border-right: 1px solid #e5e5e5;
}
<div class="input_container">
  <input type="file" id="fileUpload">
</div>

how to make it like this display expecting

vimuth
  • 5,064
  • 33
  • 79
  • 116
adam abdul aziz
  • 1
  • You can wrap `` by ` – Shuo Mar 30 '23 at 00:46

0 Answers0