Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > как кнопке submit сделать внешний вид обычной ссыл

Автор: FAlexG 18.7.2007, 14:28

Я работаю с формами и мне хочется что бы кнопка submit смотрелась как обычная ссылка. Я сделал так

<input type="submit" id="button_logon" name="btnLogon" value="Войти" class="btnSubmit" />

Код


.btnSubmit {
    border-style: solid;
    border-color: red;
    font-size: 10px;
    color: red;
    border-width: 0px;
    background-color: #FFF;
    margin-left: 0px;
    margin-right: 0px
}

Получилось похоже, но ... Не меняется указатель мыши при наведении и нет подчерка текста. Как?

Автор: Burrr 18.7.2007, 14:43

Не совсем понятно зачем это нужно, но вот так похоже больше:

Код

.btnSubmit {
    border:0;
    font:12px arial;
    color:blue;
    background-color:#FFF;
    margin:0;
    cursor:pointer;
    text-decoration:underline;
}
</style>
<input type="submit" id="button_logon" name="btnLogon" value="Войти" class="btnSubmit" />

Вот только text-decoration:underline не работает в Опере, да и с ховером косяк, не ссылка всё-таки...

Автор: Хоббит 20.7.2007, 16:19

хм а может <a href="#" onclick="document.getElementById('имя формы').submit()">Текст ссылки</a>

Не всем подойдет, но вариант.