1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. FAQ

Заменить надпись кнопки на картинку.

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

Аватар пользователя warh warh 6 декабря 2016 в 19:01

Всем привет!
не могу понять, как поменять текст кнопки на картинку.
На скрине ниже то, как выглядит форма поиска.
123

Через background-image, наверное, можно поставить (пробовал в firebug), но как саму кнопку убрать или поменять?

ВложениеРазмер
Иконка изображения 1.png1.11 КБ

Лучший ответ

Комментарии

Аватар пользователя warh warh 6 декабря 2016 в 19:40

sergeybelya wrote:

Да, а вы задавать вопросы умеете?


"как поменять текст кнопки на картинку?" - чем не вопрос?

Аватар пользователя warh warh 6 декабря 2016 в 19:51

sergeybelya wrote:

Это можно сделать средствами css - чем не ответ?


Тем, что в css можно вставить картинку, но она будет под текстом! Либо я не знаю, как убрать текст средствами css.

Аватар пользователя warh warh 6 декабря 2016 в 21:01

sergeybelya wrote:

http://sergeybelyaev.name/ - у меня в блоге в теме Responsive bartik - гляньте инспектором кнопку в форме поиска. Это старый известный прием.


Вот! но как вы от стандартного текста избавились? Или background кладет картинку поверх?
_______________
Все. Разобрался! text-indent: -9999px; - удаляет текст.
Признаю - был не прав! Спасибо за помощь!

Аватар пользователя warh warh 6 декабря 2016 в 21:08

GUN wrote:

warh написал:

Вот! но как вы от стандартного текста избавились? Или background кладет картинку поверх?

text-ident
Учите css, уважаемый.


Действительно, давно я с css не работал... Базовые теги лишь помню!
Под словом "удаляет" я имел в виду удаляет из виду )
Опять ваш ник не пускает запрет на маты Biggrin