Site URL: https://chloe-chow.squarespace.com/contact?noredirect
Hello,
I have a question related to my contact form. I have customised the radio and check box along with my select / drop down field.
Here is my website: https://chloe-chow.squarespace.com/contact?noredirect
pw: creativegrind
I am trying to add back an arrow at the end of my select field however it's not working. Do you have an idea on how to do it ? I think I am using the wrong selector to add my arrow :after . Here is the code below :
// *** CUSTOMIZED OPTION DROP MENU
/* Resetting the Option menu */
.form-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: @line solid;//*//
border-radius: 5px;
padding: 1rem;
width: 100%;
}
/*Add an arrow*/
.sqs-block-form .field-list .option select:after {
content:'⇲';
color: red !important;
position: absolute;
display: block;
top: 55%;
transform: translateY(-50%);
right: 8%;
pointer-events: none;
}
// Option Menu when Focused
.form-wrapper select:focus, a:focus {
outline-width: 0px;
outline-style: solid;
}
What do you think ?
Thanks !!