Need help with form builder

Hi guys, I'm currently building a form and realized that when I click on a field, it highlights the whole element; the example is shown below. Is there anyway to remove the highlight?

Please let me know!

Thank you,

Jana

Hi Guys, Please delete the submission , I’ve figured it out! Thank you! JanaOn Sep 12, 2024, at 11:10 AM, Jotform <noreply@jotform.com> wrote:




Your request has been received
:root { color-scheme: light dark; }
html, body { margin: 0px auto !important; padding: 0px !important; height: 100% !important; width: 100% !important; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.body { margin: 0px auto !important; }
* { -webkit-text-size-adjust: 100%; }
div, p, a, li, td { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
div[style*="margin: 16px 0"] { margin: 0px !important; }
table, td { }
table { border-spacing: 0px !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0px auto !important; }
table table table { table-layout: auto; }
table, td { border-spacing: 0px !important; border-collapse: collapse !important; }
a { text-decoration: none; }
img { }
[x-apple-data-detectors], .unstyle-auto-detected-links *, .aBn { border-bottom-width: 0px !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; cursor: default !important; color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
.im { color: inherit !important; }
.a6S { display: none !important; opacity: 0.01 !important; }
img.g-img + div { display: none !important; }
.nounderline-text { color: rgb(0, 153, 255); text-decoration: none; display: inline-block; }
.mobile-full-width { width: 100% !important; max-width: 100% !important; }
.mobile-nopadding { padding: 0px !important; }
.mobile-padding { padding: 0px 2% !important; }
.pricing-box { display: block; margin: 0px auto; width: 85%; max-width: 250px; }
.pricing-box table { max-width: 100% !important; }
h1, h2, h3, p, td, .form-head { color: rgb(255, 255, 255) !important; }
h1 > a { color: rgb(255, 255, 255) !important; }
.body-bg { background-color: rgb(55, 55, 64) !important; }
.content-bg { background-color: rgb(51, 51, 51) !important; }
.dark-img { display: block !important; overflow: visible !important; float: none !important; max-height: inherit !important; max-width: inherit !important; margin-top: 0px !important; visibility: inherit !important; }
.light-img { display: none !important; }
.divider-bg { background-color: rgb(65, 72, 98) !important; }
.divider-img-bg { background-color: rgb(51, 51, 51) !important; }
.button-td-primary { background-color: rgb(255, 97, 0) !important; color: rgb(255, 255, 255) !important; }
.button-a-primary { background-color: rgb(255, 97, 0) !important; color: rgb(255, 255, 255) !important; }
.transparent-content-img { background-color: rgb(51, 51, 51) !important; }
[data-ogsc] .dark-img { display: block !important; overflow: visible !important; float: none !important; max-height: inherit !important; max-width: inherit !important; margin-top: 0px !important; visibility: inherit !important; }
[data-ogsc] .light-img { display: none !important; }
.button-td, .button-a { transition: all 100ms ease-in 0s; }
.show-on-responsive { display: none !important; }
u + .body .gmail-blend-screen { background: rgb(0, 0, 0); mix-blend-mode: screen; }
u + .body .gmail-blend-difference { background: rgb(0, 0, 0); mix-blend-mode: difference; }
.email-container { width: 100% !important; margin: auto !important; }
.padding-container { padding: 0px 15px !important; }
[class].mobile { width: 100% !important; }
.fluid { max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; }
.stack-column, .stack-column-center { display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important; }
.stack-column-center { text-align: center !important; }
.stack-column-center h2, .stack-column-center p { text-align: center !important; }
.center-on-narrow { text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; }
table.center-on-narrow { display: inline-block !important; }
.email-container p { }
.button-a { font-size: 16px !important; line-height: 1 !important; }
table td { }
.social-networks { max-width: 200px !important; }
.inline-on-responsive { display: block !important; width: 100% !important; text-align: center !important; }
.hide-on-responsive { display: none !important; }
.show-on-responsive { display: block !important; }
.full-center-responsive-logo { width: 100%; }
.full-center-responsive-logo img { margin: 0px auto; }
.mobile-padding-fix { padding-left: 15px !important; padding-right: 15px !important; }
.mobile-pt-0 { padding-top: 0px !important; }
.mobile-pt-16 { padding-top: 16px !important; }
.mobile-pt-32 { padding-top: 32px !important; }
.mobile-pb-0 { padding-bottom: 0px !important; }
.mobile-pb-16 { padding-bottom: 16px !important; }
.mobile-pb-32 { padding-bottom: 32px !important; }
.mobile-pl-0 { padding-left: 0px !important; }
.mobile-pl-16 { padding-left: 16px !important; }
.mobile-pl-32 { padding-left: 32px !important; }
.mobile-pr-0 { padding-right: 0px !important; }
.mobile-pr-16 { padding-right: 16px !important; }
.mobile-pr-32 { padding-top: 32px !important; }
.g-img { width: 100%; height: auto; }
.mobile-hidden { display: none !important; }
.mobile-header-fix { font-size: 30px !important; line-height: 40px !important; }
.stack-payment-info { padding-top: 14px; display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important; text-align: left !important; height: 18px !important; }
.stack-payment-info.value-field { padding-bottom: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); width: 100% !important; }
u + .body { min-width: 375px !important; margin: 0px auto !important; }
.mobile-header-fix { font-size: 26px !important; line-height: 36px !important; }
u + .body { min-width: 375px !important; width: 375px !important; margin: 0px auto !important; }
#MessageViewBody, #MessageWebViewDiv { width: 100% !important; margin: 0px auto !important; }
html[dir="rtl"] td p[style*="color: #464646"], html[dir="rtl"] [style*="text-align: left"], html[dir="rtl"] td h1 { text-align: right !important; }
html[dir="rtl"] table.social-area { max-width: 350px !important; }
html[dir="rtl"] .full-center-responsive-logo { text-align: right; }

.mobile-hidden-image { display: none; }
.other-urls { margin-bottom: 16px; display: block; margin-left: 0px !important; text-align: center !important; }
p img { max-width: 100%; }



















 



































Your request has been received

















 













Submit Date


September 12, 2024 at 01:08 PM




Ticket ID


#18948651













 




 

















Hello Drink Sipps,

Thank you for contacting Jotform’s support team. We’ve received your request and are currently reviewing it.
To add additional comments to your request, reply to this email or click the button below.





















View Your Request















 

















In the meantime, feel free to check out these other resources for answers to similar questions:




















Help Center
User Guide
FAQ

















 









 




4 Embarcadero Center, Suite 780, San Francisco CA 94111




 










24/7 Support




Unsubscribe Thread








 
...

Hi Drink,

Thanks for reaching out to Jotform Support. I've checked your form and found that the Highlighting Effect is still enabled in your form. Can you try to disable it? Let me show you how to do it:

1. In the Form Builder, click the Settings option on the top orange bar.
2. Click the Show More Option under the Form Settings tab.
3. Scroll down and then find the Highlight Effect option and then choose Disable.
   

Give it a try and let us know how it goes.