Solution 1 :

If you’re going to have border radius, you can add an actual border to the box and it will appear without the shadow. like this:

.tokenneed {
  width: 30vw;
  height: 5vh;
  border-radius: 5px;
  border: 2px solid black;
  box-shadow: none;
  outline: none;
}
<input class = "tokenneed" placeholder = "토큰을 입력해주세요" type = "text">

Problem :

I am making a project without using bootstrap and I designed a input like this.https://i.stack.imgur.com/bHxFp.png

I want to use the border-radius but I want to disable the shadows.

How could I disable it without using border-radius: none;

Comments

Comment posted by John

Hi do you have the CSS code for this box?

Comment posted by John

How about the HTML also?

Comment posted by John

Ok. please see my answer.

By