Html Question posted in
Some basic documentation can be found here.

Html – How to remove outline

Can anyone say how to remove this outline? outline-color is doing nothing. If I use outline: none it becomes convex.

Example:

I tried to change the color of the outline, but no changes.

input {
  outline-style: auto;
  background-color: #363636;
  /* deactivated by editor
  position: absolute;
  left: 650px;
  bottom: 115px;
  */
}
<input>
Tags:

3

Answers


  1. 0

    outline-style: solid
    outline-color: #fff
    border: none

    Login or Signup to reply.
  2. 0

    Add both outline: none and border: none
    And you will get the result you want

    input {
    background-color: #363636;
    outline: none;
    border: none;
    color: white;
 }
    <input>
    Login or Signup to reply.
  3. 0

    To change the color, size, and style of the outline. You should use the CSS property outline.

    The outline property shorthand works like this:
    outline: width style color;

    Also, the same border of the input color, size, and style can change:
    border: width style color;

    Example Here:

    input {
  border: none;
  background-color: #363636;
  outline: 2px solid red; 
}
    <input />
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search