www.wysiwygwebbuilder.com

Hi everybody,
[ Using WYSIWYG v 21.0.4]
I have a simple Input Object for say ... a password field.
WYSIWYG will generate the HTML code: Naturally, I can't leave things alone without sticking my fingers in the mix.
If I want to add <i class="fa fa-eye toggle" data-target="PW1"></i> to that input box, or an inline-style like style="position:relative;" to position the favicons inside the input box...

how do I go about doing that from within the Input Object properties?

WYSIWYG Web Builder is not a code editor, you cannot edit the HTML on that level.
The HTML is dynamically generated based on the properties and context of the object.
Even a single change in the properties may result in completely different HTML structure.
Also, whether or not the object is inside a grid or flexbox container will affect the code (floating vs absolute).
So, there is no way to provide a 'code insert' point for every possible combination.

But if you want to add an icon to an input field then you can use the input group instead.
https://www.wysiwygwebbuilder.com/inputgroup.html