Как изменить все кнопки input на ссылки?

[alinalessioYandex]

В темах для OpenCart на сайте templatemonster.com очень часто использованы ссылки вместо кнопок input. Это позволяет более гибко их оформлять по дизайну.

Кто может правильно перевести все кнопки в opencart в такой формат?

<a href="#"><span></span></a>

Нашел кнопки input в 31 файле.

Дайте пожалуйста инструкцию как перевести кнопки в ссылки. Или если кому не лень, напишите готовые решения для всех типов кнопок input в OpenCart. Думаю такой труд многие оценят и будут частенько возврящаться, чтобы посмотреть как это делается.

Спасибо.

[alinalessioYandex]

Похоже никто не переводит кнопки input в <a></a>

Тогда подскажите кто как решает вопрос с оформлением кнопок input?

[Jedi]

Похоже никто не переводит кнопки input в <a></a>

Тогда подскажите кто как решает вопрос с оформлением кнопок input?

 

А в чем проблема изменить стиль кнопки если она не "<a></a>" а "input"

[elscept]

А в чем проблема изменить стиль кнопки если она не "<a></a>" а "input"

 

Тема старая, но очень хочется ответить. Вот пример <a></a> и <input> расположенных рядом. CSS-стили задействованы одинаковые.

 

Можно конечно повозиться с CSS, но добиться 100% визуального соответствия ссылок и инпутов все равно вряд ли получится.

 

 

Кроссбраузерное решение на примере страницы изменения пароля (account/password.tpl)

 

Добавляем к форме id заменив код

<form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">

на

<form action="<?php echo $action; ?>" id="<?php echo $action; ?>" method="post" enctype="multipart/form-data">

А инпут

<input class="button btn" type="submit" value="<?php echo $button_continue; ?>" />

меняем на ссылку

<a class="button btn" onclick="document.getElementById('<?php echo $action; ?>').submit()" ><?php echo $button_continue; ?></a>

Результат