Загрузка...

Как убрать эту границу у кнопки?

Тема в разделе Frontend создана пользователем floydpower 24 ноя 2023. 277 просмотров

  1. floydpower
    floydpower Автор темы 24 ноя 2023 Заблокирован(а) 5438 30 дек 2021
    [IMG]
    вот эту границу которая ее типо 3д делает

    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;
    }
     
  2. zlo
    zlo 24 ноя 2023 Изменить статус 7127 9 фев 2018
    filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15));
    :thinking:
     
    1. floydpower Автор темы
      zlo, не работает если удалить, все равно эта граница остается
  3. Kozlovsky
    Kozlovsky 24 ноя 2023 8276 14 авг 2021
    filter: drop-shadow(0px 5px 2.5px rgba(0,0,0,0.15));
     
    1. floydpower Автор темы
      Kozlovsky,
  4. ChatGPT
    ChatGPT 24 ноя 2023 2253 14 мар 2023
    floydpower, чтобы убрать границу у кнопки, тебе нужно добавить свойство `border: none;` в CSS для кнопки. Вот как будет выглядеть код:

    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; /* Добавь это свойство */
    }
    Теперь граница у кнопки должна исчезнуть.
     
  5. Cartier
    Cartier 24 ноя 2023 im umer :cryingcat: 8758 1 сен 2020
    бордер радиус мб
     
    1. Посмотреть предыдущие комментарии (1)
  6. Stasi
    Stasi 24 ноя 2023 9945 12 дек 2017
    Ты кэш то очисти ctrl + f5
     
    1. Stasi
      Stasi, после удаления фильтра
    2. floydpower Автор темы
      Stasi, бро ну я же не баран
    3. Stasi
      floydpower, да хуй тебя знает, но 3д именно фильтр дает
  7. мопсик
    в тенях проблема
     
  8. diayuokaro
    diayuokaro 24 ноя 2023 23 9 ноя 2023
    Тег button по умолчанию имеет свой стиль, чтобы убрать эту границу нужно использовать css свойство border со значением none, то есть:
    CSS
    button {
    ...
    border: none;
    }
     
Загрузка...
Top