Breaking News: Grepper is joining You.com. Read the official announcement!

Remove input border CSS

Add Answer

Lazy Sloth answered on April 16, 2020 Popularity 3/10 Helpfulness 3/10

answer Remove input border CSS

related remove blue border on a input

related css input remove border on focus

related remove outline of input css

related how to remove border from input text field

related input remove border

related how to remove border from input field on click

Remove input border CSS

Comment

input[type="text"] {
    background-color: rgb(16,22,47);
    font-family: "Quicksand", sans-serif;
    color: white;
    border: none;
    border-bottom: 1px solid white;
}

input[type="text"]:focus {
    outline: none;
}

Popularity 3/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: border css input

Link to this answer
Share Copy Link

Contributed on Jun 04 2024

Lazy Sloth

0 Answers Avg Quality 2/10

Closely Related Answers

remove blue border on a input

Comment

input:focus {
    outline: none !important;
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Apr 16 2020

Wide-eyed Wasp

0 Answers Avg Quality 2/10

css input remove border on focus

Comment

input:focus {
  outline: none;
  box-shadow: none!important;
  /*Sometime the blue border you see is from the box-shadow and removing box-shadow will remove the border*/
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Aug 11 2022

Vivacious Vole

0 Answers Avg Quality 2/10

remove outline of input css

Comment

.sidebar_searchcontainer > input {
    border:none;
    outline-width: 0;
}

Popularity 10/10 Helpfulness 9/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Apr 25 2021

Attractive Albatross

0 Answers Avg Quality 2/10

how to remove border from input text field

Comment

input {
border: none;
background-color: transparent;
resize: none;
outline: none;
}

Popularity 10/10 Helpfulness 9/10 Language whatever

Source: Grepper

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Jun 07 2022

Mraidi Imen

0 Answers Avg Quality 2/10

input remove border

Comment

input {
	border: 0;
    outline: 0;
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: stackoverflow.com

Tags: border bo

Link to this answer
Share Copy Link

Contributed on Jun 17 2023

GutoTrosla

0 Answers Avg Quality 2/10

how to remove border from input field on click

Comment

<!DOCTYPE html>
<html>
<head>
  <style>
    input:focus {
      outline: none;
    }
  </style>
</head>
<body>
  <input type="text" placeholder="Click here to test" />
</body>
</html>

Popularity 9/10 Helpfulness 3/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

Remove input border CSS

Contents

More Related Answers

Remove input border CSS

Closely Related Answers

remove blue border on a input

css input remove border on focus

remove outline of input css

how to remove border from input text field

input remove border

how to remove border from input field on click

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.