Customizing webflow's default w-select style

Hello @Everyone,

Did anyone tried to customize in pure-css webflow’s default w-select dropdown menu?

I tried something like this but it didn’t work out (I’m still figuring it out… And I have no clue what’s “pointer-events” for and why I need it):

/* Select dropdown styling */
    .w-select {
    -webkit-appearance: none;  
    .w-select:after {
    content: "▼";
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 30px;
    padding: 0 7px;
    pointer-events:none;
}

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.