Yesterday we were working on a wordpress website, we installed a gravity form on our contact page and there was a select box has been fixed on that form. We have gone through the design and everything looks good, but the select boxes' arrows weren't matching with our website in its default style. We thought of a solution to fix this issue for sometime and at last we found that changing the select boxes custom design from default style is a solution for this. While implementing, we can see that this method works well with all modern browsers. Please find below code which helps you to resolve these type of issues. CSS .custom-select select { width: 480px; border: 1px solid #31A9C7; color: #999; ...