Remove space between two HTMl text box

Question

Checked a lot of solution (give margin etc) but still got stuck. I want to remove space between two textbox or any other thing which I add in future.

Also once I click in textbox it's border is automatically changing the color that shouldn't happen.

.rz-map-address{
border: 1px solid lightgray;
height: 60px;
width: 25%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.rz-datetime{
border: 1px solid lightgray;
height: 60px;
width: 10%;
}

user_6214210 · Answer

You can resolve the first issue by joining both of the inputs on the same line.
For the last part, use input {outline: none}.

.rz-map-address {
  border: 1px solid lightgray;
  height: 60px;
  width: 25%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.rz-datetime {
  border: 1px solid lightgray;
  height: 60px;
  width: 10%;
}

input {
  outline: none;
}

Remove space between two HTMl text box

1 Answers