Description of the need

Sometimes it's required to use a search symbol instead of text in the search forms button. A possibility to use FontAwesome or locally stored icons would be practical.

Because for the search form button a <input type="submit"> is used, it's not possible to style it, using pseudo elements like :before or :after.

Proposed solution

It't would be required, to use a <button type="submit"> instead. This would also be better for semantic reasons.

Alternatives that have been considered

An alternative could be to create a view or custom block, which replaces the "Search form" block.

There is also a module Custom Search which allows to add an image to the Submit button, but not to use FontAwesome.

Another possibility if only a picture is required: add a backgound like .class { background: url('path/icon.svg'); }. You have to realize, that background-image: does not work! (which makes no sense though ...). This works also not for FontAwesome or other symbol libraries.

Additional information

Draft of feature description for Press Release (1 paragraph at most)

Backdrop now allows to style the Search Form Sumit Button.

GitHub Issue #: