Как отключить тень на html css

Question

Я делаю проект без использования bootstrap, и я разработал такой ввод. https://i.stack.imgur.com/bHxFp.png

Я хочу использовать радиус границы, но хочу отключить тени.

Как я могу отключить его без использования border-radius: none;

Answer 1

Если у вас будет радиус границы, вы можете добавить фактическую границу к блоку, и она появится без тени. вот так:

.tokenneed {
  width: 30vw;
  height: 5vh;
  border-radius: 5px;
  border: 2px solid black;
  box-shadow: none;
  outline: none;
}

<input class = "tokenneed" placeholder = "토큰을 입력해주세요" type = "text">