CODEWITHSUNDEEP
cssbootstrap-4vuetify.js
Rein
Rein

Reputation: 33

Place Button with input text with css

[like this]

how do I make input text and buttons like this with CSS ? or vuetify js

Upvotes: 0

Views: 54

Answers (1)

aekit
aekit

Reputation: 405

here is the CSS you looking for.

.parent-box{
  width:fit-content;
  background:#26376B;
}
.text-box{
  border:1px solid #CACACA;
  padding:5px 10px;
  min-width:300px;
}
.btn{
  padding:5px 20px;
  width:100px;
  color:#fff;
  border:none;
  background-color:#26376B;
  cursor:pointer;
}
.common{
  outline:none;
  border-radius:50px;
}
<div class="parent-box common">
  <input class="text-box common" type="text" placeholder="Chassis Number">
  <button class="btn common">Check</button>
</div>

if you only want the numbers to input then use type="number" in <input type="text">

Upvotes: 2

Related Questions