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

Html – I have a small problem with a border on a text input

I have this coded, but that border still there

.input{
    background: transparent;
    font-size: 100%;
    color: rgb(0, 91, 65);
    outline: none;
    border: none;
}

.input::placeholder{
    color: rgb(0, 91, 65);
}

.input:hover{
    cursor: text;
}

The border that I want to get rid off

The border that I whant to get rid off

I tried most of the things, but with no change, the background: trasparent; was the only thing that change something of this border but while not on focus

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    I have just remade the page and the line was gone, I cannot tell what was the specific thing that made that line appear, but It's done


  2. 0

    If you want to remove the default html style you should indicate the focused element in some other way.

    input, input:focus, input:focus-visible {
 border:0;
 outline:0;
 filter: drop-shadow(30px 10px 4px #4444dd); 
 }
 input:focus-visible {
 filter: drop-shadow(33px 13px 4px #4444dd); 
 }
      <input name=firstname placeholder="firstname" value="Nada es lo"/>
  <input name=lastname placeholder="lastname" value="que parece"/>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search