Input Field IDX

by Andres Abadia

HTML

<div class="container">
  <div class="idx-input-div">
    <input type="text" class="idx-input">
    <div class="idx-input-placeholder idx-input-">Name</div>
  </div>
</div>

CSS

html, body{
  height:100%;
  width:100%;
  margin:0;
}
*{  
  box-sizing: border-box;
}
.container{
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background:azure
  
}
.idx-input-div{
  position: relative;
  height:40px;
  width: 200px;
}
.idx-input{
  position:absolute;
  height:100%;
  width:100%;
  padding:0 10px
}
.idx-input-placeholder{
  position:absolute;
  line-height:40px;
  color:grey;  
  padding:0 10px
}