How to remove the border highlight on an input text element

[ruel.lago22]

Good day,

Does anyone know how to remove the border highlight for input box? It looks weird for a transparent background.

Screenshot: http://prntscr.com/jtwn9j

[Pablo]

Do you mean the input focus color?
You can set it to 'disabled' in the properties.

[ruel.lago22]

Hi Pablo!

I already disabled it but it's still there. It looks weird and ugly because the editbox background is set to transparent and the border is "none" and yet there is a blue border highlight. It's also happening with different form tools and I'm not exactly sure why. I have been experiencing this since WB12.

Screenshot: http://prntscr.com/jtxeup
Screenshot: http://prntscr.com/jtxfpn
Settings General: http://prntscr.com/jtxfeh
Settings Style: http://prntscr.com/jtxgz9

[Pablo]

What is the URL of the page?

[ruel.lago22]

Please check it using a smartphone or a mobile emulator, since it's designed for mobiles (for now).

Link: https://itsssl.com//FXRTx (password is my email address). Thank you much Pablo!

[ruel.lago22]

Hold-on there Pablo. I am trying to do and remake it in a different page.

[Pablo]

I do not think this has anything to do with WWB.
This is a 'feature' of the browser.

[ruel.lago22]

I think so... I found some codes that will fix this issues but I don't know how and where to insert this in WWB. Do you mind if you can take a look? I know this is no longer your scope of support but for sure all WWB users is experiencing this in their forms and it looks ugly when it doesn't match the design. Additional to these are it's happening using popular web browsers such as Google Chrome, Mozilla Firefox and Safari. I hope we can have these codes in WWB in the future? Thank you so much!

Link: https://monstertut.com/remove-outline-i ... e-onfocus/

[Pablo]

You can add this code between the head tags in Page HTML

Code: Select all

<style>
input:focus, textarea:focus, select:focus
{
outline: none;
}
</style>

[ruel.lago22]

Oh my goodness gracious! Thank you so much! I tried it and it worked! I suggest if we can have this codes pre-installed on WWB. It will be useful. Just saying

[BaconFries]

I suggest if we can have this codes pre-installed on WWB. It will be useful. Just saying

You can post this at the following Suggestions/Improvements

[ruel.lago22]

I'll do that. Thanks BaconFries!