Темизация кнопки "отправить" у webform

Главные вкладки

Аватар пользователя FuN_ViT FuN_ViT 8 мая 2008 в 14:22

Столкнулся с проблемой - мне нужно было вместо кнопки "Отправить" поставить изображение. После нескольких часов мучений (пробовал заменять при выводе на кнопку с type="image") нашел простое решение - Стили!

Вот стиль для кнопки:

.form-submit
{
background: url(images/question_btn.gif) no-repeat top left !important;
font-size:0px;
overflow:hidden;
width:107px !important;
height:15px;
border:0;
cursor:pointer;
padding:15px 0 0 0;
}

результат -

ВложениеРазмер
Иконка изображения drupal_webform_submit_btn_theming.png2.5 КБ

Комментарии

Аватар пользователя Олег "Lock Us" Олег "Lock Us" (не проверено) 11 мая 2008 в 14:48

Мне кажется, что при изменении внешнего вида любых элементов можно спокойно изменять их CSS стилями. Я на сайте у многих форм отображение кнопок изменил. Еще есть неплохой скрипт niceform.js, который позволяет менять все элементы форм, кроме type=file разумеется. Работает во всех браузерах. Не использовал на своем сайте, так как не люблю переполнять сайты лишним функционалом.

Аватар пользователя FuN_ViT FuN_ViT 29 мая 2008 в 18:34

Вариус wrote:
Уже спрашивали, но ответа не было. Насколько это решение кроссбраузерно?

В опере была небольшая лажа. но в связи с откатом с друпала - я не довел до совершенства..

Аватар пользователя ram-ram ram-ram 11 мая 2010 в 15:07

для drupal 6.x надо заменить в файле search.module

строку
$form['submit'] = array('#type' => 'submit', '#value' => t('Search'));

на

$form['search_theme_form']['#value']='';
$form['submit'] = array('#type' => 'image_button', '#value' => t('Search'),
'#src' => 'путь к картинке');

где "путь к картинке" - это путь к вашему изображению на кнопке.

возможно это не правильно, но работает)