1

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

Оскільки я хочу, щоб при кліку на об'єкті обов'язково відправлявся POST запит, причому без використання JavaScript, то в мене не залишається іншого вибору як використовувати кнопки форми

<button type="submit">Відправити</button>
<!-- або -->
<input type="submit" value="Відправити" />

Проблема в тому, що дефолтна стилізація точно не вписується у той контекст, де їх потрібно розміщувати.

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

2

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

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

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

4

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

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

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

5

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

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