1 Тема від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Тема: Як з мінімальною стилізацією переробити кнопку в лінк

Оскільки я хочу, щоб при кліку на об'єкті обов'язково відправлявся POST запит, причому без використання JavaScript, то в мене не залишається іншого вибору як використовувати кнопки форми
[code=html]
<button type="submit">Відправити</button>
<!-- або -->
<input type="submit" value="Відправити" />
[/code]
Проблема в тому, що дефолтна стилізація точно не вписується у той контекст, де їх потрібно розміщувати.

Дуже добре було б стилізувати їх так, щоб вони в результаті мали вигляд простого лінка. Не підкажете як це зробити з мінімальними зусиллями, але без використання CSS фреймворка Bootstrap (в даному випадку його підключення "поламає" всю малину)

2 Відповідь від Singularity

  • Дата реєстрації: 29.07.2013
  • Повідомлень: 673
    • Репутація: 166

Re: Як з мінімальною стилізацією переробити кнопку в лінк

http://stackoverflow.com/questions/4628 … -as-a-link

.submitLink {
background-color: transparent;
text-decoration: underline;
border: none;
color: blue;
cursor: pointer;
}

<input type="submit" class="submitLink" value="Submit">
Подякували: ktretyak1

3 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Як з мінімальною стилізацією переробити кнопку в лінк

Singularity, дякую. Вигляд вже "те що треба", але очевидно, що є якісь дефолтні відступни з якими простим margin: 0px; не справитись. Чомусь така кнопка пірнає під рядок. Безуспішно пробував сказати display: inline-block;

4 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Як з мінімальною стилізацією переробити кнопку в лінк

Пішов поїв, прийшов, і побачив, що треба було просто відволіктись =). Справа в тому, що не лише кнопка має дефолтні значення, які треба перевизначити. Стиль самої форми теж треба перевизначити. Це лікується так:

<form style="display: inline-block;">...</form>

5 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Як з мінімальною стилізацією переробити кнопку в лінк

спробуйте якісь резети стилів типу normalize.css

funivan вебсайт