OK, found one where this doesn't work: https://duckduckgo.com The icon is still inside the search box and on top of the first 2 letters. Apparently my margin-top doesn't work everywhere either.
Give this one a go: Clear Field Version 1.0.3 Don't believe you will need any of your css. Used your image with filter. At top of script, you can change your image size with var iconSize = 20; (default is 20px without the "px") and the padding between image and input field text with var elemPadding = 4; (default is 4px without the "px"). If you come across other sites where the image is off, let me know, so I can find similar attributes and make it global, instead of coding for each site separately. Also raised the image a little higher up on the left border (easily adjustable), in the event you need to mouse under it to get to the first character in the input field.
OK, somehow the Topic search icon 'jumped' in place ... (that's the first pic, the box is on the left side of the page, looks weird on my pic but now it's in the right place ... But the second box (right side), is still way off the box. #search > FIELDSET > #keywords (or .inputbox.search)
The only images I put inside the searchboxes, are the searchboxes that have the magnifying glasses in them. Wanted to cover them up since they have no function. Also can specify icon size in the script with var iconSize = 19. The 19 being in pixels, but insert integer only.
YouTube+ seems to check out ok. I do know some flaky stuff happens on greasyfork, between some dev's/users, where a lot of trash talking goes on, to the point at which the script ends up being trashed for revenge. Seems the case here.
Sonny, just noticed something. Click the Bookmarks menu (the default one, in the menu bar) and try to delete some bookmark from the dropdown menu. It can't be deleted! When did this started?!?
If interested, I enhanced my Clear Field script to Clear Field⁴, so images are within all search boxes (not straggling the left borders). Each image will auto scale itself to the height of the search box. Size the icon in the search box by setting iconPadding (default is 1). Extends the width of the search boxes, by the width of the inserted image, as to maintain original width of search box input field. Set elemPadding for desired padding between icon and input field text (default is 4). Default value for iconSizeSB is 32, set to lower value if smaller icon is desired for search boxes larger than a height of 33px. Textarea icon size is independently set with iconSizeTA (default is 19).
Interesting. On this page, the icon in the searchbox in the upper right corner appears twice larger than the icon in this reply textbox. It's OK, just noting. Thanks for the update!
Yeah, all icons auto scale to the height of the search box, that is, higher the search box, larger the icon, but all icons will have the same padding and the icon in textarea is independently set to one size (19 by default). If search box higher that 33px, you will see a 32px icon (i.e. DuckDuckGo), with default setting of 32. Those settings are user set in the script according to what you want.
Comments
The icon is still inside the search box and on top of the first 2 letters. Apparently my margin-top doesn't work everywhere either.
Don't believe you will need any of your css. Used your image with filter. At top of script, you can change your image size with var iconSize = 20; (default is 20px without the "px") and the padding between image and input field text with var elemPadding = 4; (default is 4px without the "px"). If you come across other sites where the image is off, let me know, so I can find similar attributes and make it global, instead of coding for each site separately. Also raised the image a little higher up on the left border (easily adjustable), in the event you need to mouse under it to get to the first character in the input field.
No, it's not my style (in case you wonder), here's the page w/out my style:
Check this out.
And one is at the top right, next to the 'Advanced search' link:
But the second box (right side), is still way off the box. #search > FIELDSET > #keywords (or .inputbox.search)
just noticed something. Click the Bookmarks menu (the default one, in the menu bar) and try to delete some bookmark from the dropdown menu. It can't be deleted! When did this started?!?
i get loads of errors 'line 132'.