How to remove the border highlight on an input text element

All WYSIWYG Web Builder support issues that are not covered in the forums below.
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
Post Reply
User avatar
ruel.lago22
 
 
Posts: 118
Joined: Thu Feb 01, 2018 11:32 am

How to remove the border highlight on an input text element

Post by ruel.lago22 » Tue Jun 12, 2018 5:31 am

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

User avatar
Pablo
 
Posts: 13528
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: How to remove the border highlight on an input text element

Post by Pablo » Tue Jun 12, 2018 6:01 am

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

User avatar
ruel.lago22
 
 
Posts: 118
Joined: Thu Feb 01, 2018 11:32 am

Re: How to remove the border highlight on an input text element

Post by ruel.lago22 » Tue Jun 12, 2018 7:14 am

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

User avatar
Pablo
 
Posts: 13528
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: How to remove the border highlight on an input text element

Post by Pablo » Tue Jun 12, 2018 7:30 am

What is the URL of the page?

User avatar
ruel.lago22
 
 
Posts: 118
Joined: Thu Feb 01, 2018 11:32 am

Re: How to remove the border highlight on an input text element

Post by ruel.lago22 » Tue Jun 12, 2018 7:41 am

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!

User avatar
ruel.lago22
 
 
Posts: 118
Joined: Thu Feb 01, 2018 11:32 am

Re: How to remove the border highlight on an input text element

Post by ruel.lago22 » Tue Jun 12, 2018 7:53 am

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

User avatar
Pablo
 
Posts: 13528
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: How to remove the border highlight on an input text element

Post by Pablo » Tue Jun 12, 2018 8:46 am

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

User avatar
ruel.lago22
 
 
Posts: 118
Joined: Thu Feb 01, 2018 11:32 am

Re: How to remove the border highlight on an input text element

Post by ruel.lago22 » Tue Jun 12, 2018 9:53 am

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/

User avatar
Pablo
 
Posts: 13528
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: How to remove the border highlight on an input text element

Post by Pablo » Tue Jun 12, 2018 10:03 am

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>

User avatar
ruel.lago22
 
 
Posts: 118
Joined: Thu Feb 01, 2018 11:32 am

Re: How to remove the border highlight on an input text element

Post by ruel.lago22 » Tue Jun 12, 2018 10:10 am

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 :)

User avatar
BaconFries
 
 
Posts: 4119
Joined: Thu Aug 16, 2007 7:32 pm

Re: How to remove the border highlight on an input text element

Post by BaconFries » Tue Jun 12, 2018 10:37 am

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

User avatar
ruel.lago22
 
 
Posts: 118
Joined: Thu Feb 01, 2018 11:32 am

Re: How to remove the border highlight on an input text element

Post by ruel.lago22 » Tue Jun 12, 2018 1:47 pm

I'll do that. Thanks BaconFries!

Post Reply

Who is online

Users browsing this forum: Chris_t and 12 guests