Removing the text highlight between the text input and submit button

How would this be done?

image

When the mouse is dragged it doesn’t occur with the links at the top.
The highlight color.

image


Update:

This worked for me:

container {
  margin-top: 30px;
  overflow: hidden;
}

.container-left {
  float: left;
  margin: 0;
}

.container-right {
  float: left;
}

input[type=submit] {
  margin-left: 4px;
}

    <div class="container ">
      <div class="container-left">
        <input id="input" type="text" name="someNameHere" placeholder="someValueHere" />
      </div>
      <div class="container-right">
        <input id="sent" type="submit" value="Set" />
      </div>
    </div>

What you need to understand is that Inline elements that have a line break in the html will produce a whitespace node between them.

Line breaks in the html between Block elements will not produce a node. Block level elements follow a different set of rules. That’s why the floated divs worked for you, floats are blocks.

Inline blocks can produce a whitespace node too when there is a line break in the html.

4 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.