how to remove the black border from a search input in css code example

Example 1: html remove border from textarea

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

Example 2: delected blue border when an input is selected

//SCSS format

input{
  &:focus { 
    outline: none !important;
    }
}
textarea{
  &:focus { 
    outline: none !important;
    }
}

Example 3: input outline focus

input:focus, textarea:focus {
    background-color: #FFFF66;
    border: 1px solid #F47E58;
}

Example 4: how to remove input field border outline on focus css

outline = none;