-
Simmons_LashayAsked on February 8, 2022 at 4:37 PM
1 Hi how can i change the blue hover button on the drop down once you hover over the drop down a light blue border hover pop
here is jotform link https://www.jotform.com/build/220247850170146
2 On my second form on the appointment calandar i will like to change the color on the time slot when you pick and time slot it goes blue color also i will like to change the blue border around the calandar dates slots and a blue x
see screenshot
Here the form link
-
Sonnyfer JotForm SupportReplied on February 8, 2022 at 10:40 PM
Hi there - Please allow me some time to check your form. I will be back shortly.
-
Sonnyfer JotForm SupportReplied on February 8, 2022 at 10:40 PM
Also, your second form will be answered on the following link to avoid confusion. https://www.jotform.com/answers/3745552
-
Sonnyfer JotForm SupportReplied on February 8, 2022 at 10:43 PM
Hi again - Your form https://www.jotform.com/220247850170146 doesn't seem to have an appointment field.
Are you perhaps referring to a different form? Kindly share its URL so we can check.
Guide: Where-to-Find-My-Form-URL
-
LashayReplied on February 9, 2022 at 12:29 AM
How to change the blue check mark button colors ?
When I hover on the drop down there is baby blue border
here my hot form link. https://www.jotform.com/220247850170146
-
Bojan Support Team LeadReplied on February 9, 2022 at 5:22 AM
Greetings.
To remove the border when the field is active, please add the following CSS to your form:
.form-dropdown:focus, .form-textarea:focus, .form-textbox:focus, .signature-pad-passive:focus, .signature-wrapper:focus {
border-color: #c1c6d0;
box-shadow: none;
}
.form-dropdown:hover, .form-textarea:hover, .form-textbox:hover, .signature-pad-passive:hover, .signature-wrapper:hover {
border-color: #c1c6d0;
box-shadow: none;
}
To change the color of the checkbox, you need to use the following CSS:
.form-checkbox:checked + label:before, .form-checkbox:checked + span:before {
background-color: red;
border-color: red;
}
In this example, the color will be red, however, you can update this to your needs.
Let us know if you have any additional questions.