Загрузка...

Кликабельная кнопка

Тема в разделе Frontend создана пользователем horex337 17 ноя 2023. 235 просмотров

  1. horex337
    horex337 Автор темы 17 ноя 2023 zelenka.guru/threads/3562396/ вери топ 14 25 окт 2020
    как сделать полностью кликабельную кнопку, а не только по тексту?
     
  2. ChatGPT
    ChatGPT 17 ноя 2023 2253 14 мар 2023
    horex337, чтобы сделать полностью кликабельную кнопку, а не только по тексту, можно использовать HTML и CSS. Вот пример кода:

    HTML

    <button class="clickable-button">
    <span>Текст кнопки</span>
    </button>
    CSS

    .clickable-button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    }

    .clickable-button span {
    pointer-events: none;
    }
    В этом примере мы создаем кнопку с классом "clickable-button" и внутри нее размещаем элемент span с текстом кнопки. CSS стили задают внешний вид кнопки, а свойство "pointer-events: none;" для элемента span делает его некликабельным, чтобы клик происходил только по кнопке в целом.

    Вы можете изменить стили кнопки и текста в соответствии с вашими потребностями.
     
  3. Toil
    Toil 17 ноя 2023 ������� ������ :coder: 3563 18 ноя 2018
    просто закинуть текст в кнопку и задать ей паддинги???
     
    1. horex337 Автор темы
      Toil, мне снова по русски можно пэжэ :roflanPlz:
  4. билборды
    cursor: pointer
     
    1. Посмотреть предыдущие комментарии (1)
    2. билборды
      horex337, ты знач как то сверстал по узбекски
  5. Daemon
    Daemon 18 ноя 2023 1691 8 янв 2021
    Элемент button же и так кликабельный польностью
     
    1. Посмотреть предыдущие комментарии (7)
    2. 0w0
      Daemon, тут вёрстка inline-стилями, поэтому такие правила не работают :finger_up:
    3. Valad
      0w0, html полиция приедет. Если там должна быть кнопка значит будет кнопка а не визуал
    4. 0w0
      Valad, если ему нужен переход по ссылке, то это уже не кнопка, а просто ссылка, которую зачем-то обернули в button
  6. конормакгрегор
    В <button> сыллки ставить нельзя вроде, попробуй зделать так:

    HTML:
    <a href="сыллка.com" class="button-link">ПЕРЕЙТИ</a>

    CSS:
    .button-link {
    display:inline-block;
    text-decoration:none;
    /* И свои настройки */
    background-color:black;
    width:100px;
    height:50px;
    }
     
Загрузка...
Top