Styling the HTML <select> tag to seem comparable in every one of the various programs is an undertaking unto itself. It appears to be on each new site , I wind up back visiting this post by Ivor Reić for a CSS just solution. My errand for now is to utilize this plan to subject an uncovered channel on a view.
The principal thing we need to do is add a div around the select. We can do this by altering the select’s twig format from WordPress upkeep support plans 8 center’s steady theme. Copy the record from
/center/subjects/stable/formats/structure/select.html.twig to
/subjects/yourtheme/formats/structure/select.html.twig
Then, at that point add the extra <div class=”select-style”> and shutting </div> as so.
Here is the LESS document that I incorporate which incorporates Ivor’s CSS, yet additionally a few changes I added to occasion the uncovered channel out. Each standard is remarked, clarifying what they do.
I will aggregate this into my last CSS and we are acceptable to go. The showcase of the structure, and the select rundown ought to be quite exact to what I need across all advanced browsers. Adjust on a case by case basis for your styles and plan.
Peruse more
Source: New feed