Change request: use <button type="button"> instead of <input type="button">

[kaphert]

Are you requesting a feature, reporting a bug or ask a question?

A change request

What is the current behavior?

Currently buttons (for example the buttons in a dynamic panel) are from the type <input type="button" value="XXX" />.

It would be more flexible if this is changed to <button type="button">XXX</button>

This would help with the css pseudo selectors :before and :after to replace the remove button with an font awesome close icon for example. Browsers only support :before and :after on block elements. See this SO tickets: https://stackoverflow.com/questions/2587669/can-i-use-a-before-or-after-pseudo-element-on-an-input-field

[dmitry-kurmanov]

@kaphert hello! Thank you for the suggestion. Of course we can wrap input into div and use pseudo selectors. But may be it would be better to use button tag... I think that we need to investigate why do we use input with the type attributre.

[JaneSjs]

Hi @kaphert,
The Dynamic panel and matrix now use the button HTML element to represent the Remove row/panel button.
For the record: if you wish to override the Trash Bin icon, please follow this guide: Use Custom SVG Icons.