How can I remove this border from a button?

filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15));

 

filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15));

 

floydpower, чтобы убрать границу у кнопки, тебе нужно добавить свойство `border: none;` в CSS для кнопки. Вот как будет выглядеть код:

button {
width: 150px;
height: 55px;
border-radius: 5px;
filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15));
background-color: #061e37;
font-size: 20px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
color: #ffffff;
border: none; /* Добавь это свойство */
}

CSS

button {

  width: 150px;

  height: 55px;

  border-radius: 5px;

  filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15));

  background-color: #061e37;

  font-size: 20px;

  text-transform: uppercase;

  font-family: 'Roboto', sans-serif;

  color: #ffffff;

  border: none; /* Добавь это свойство */

}

Теперь граница у кнопки должна исчезнуть.

 

бордер радиус мб

 

Ты кэш то очисти ctrl + f5

 

в тенях проблема

 

Тег button по умолчанию имеет свой стиль, чтобы убрать эту границу нужно использовать css свойство border со значением none, то есть:

button {
...
border: none;
}

CSS

button {

    ...

    border: none;

}