How to remove the border highlight on an input text element
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
- ruel.lago22
-
- Posts: 134
- Joined: Thu Feb 01, 2018 11:32 am
How to remove the border highlight on an input text element
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
Does anyone know how to remove the border highlight for input box? It looks weird for a transparent background.
Screenshot: http://prntscr.com/jtwn9j
Re: How to remove the border highlight on an input text element
Do you mean the input focus color?
You can set it to 'disabled' in the properties.
You can set it to 'disabled' in the properties.
- ruel.lago22
-
- Posts: 134
- Joined: Thu Feb 01, 2018 11:32 am
Re: How to remove the border highlight on an input text element
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
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
Re: How to remove the border highlight on an input text element
What is the URL of the page?
- ruel.lago22
-
- Posts: 134
- Joined: Thu Feb 01, 2018 11:32 am
Re: How to remove the border highlight on an input text element
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!
Link: https://itsssl.com//FXRTx (password is my email address). Thank you much Pablo!
- ruel.lago22
-
- Posts: 134
- Joined: Thu Feb 01, 2018 11:32 am
Re: How to remove the border highlight on an input text element
Hold-on there Pablo. I am trying to do and remake it in a different page.
Re: How to remove the border highlight on an input text element
I do not think this has anything to do with WWB.
This is a 'feature' of the browser.
This is a 'feature' of the browser.
- ruel.lago22
-
- Posts: 134
- Joined: Thu Feb 01, 2018 11:32 am
Re: How to remove the border highlight on an input text element
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/
Link: https://monstertut.com/remove-outline-i ... e-onfocus/
Re: How to remove the border highlight on an input text element
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
-
- Posts: 134
- Joined: Thu Feb 01, 2018 11:32 am
Re: How to remove the border highlight on an input text element
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
-
- Posts: 4268
- Joined: Thu Aug 16, 2007 7:32 pm
Re: How to remove the border highlight on an input text element
You can post this at the following Suggestions/ImprovementsI suggest if we can have this codes pre-installed on WWB. It will be useful. Just saying![]()
- ruel.lago22
-
- Posts: 134
- Joined: Thu Feb 01, 2018 11:32 am
Re: How to remove the border highlight on an input text element
I'll do that. Thanks BaconFries!