CODEWITHSUNDEEP
jqueryhtmlcssselect
Sarit Rotshild
Sarit Rotshild

Reputation: 391

jQuery select- How to change the css style select?

I use <select> in order to create a selection filter. My problem that I the css of the jQuery takes over the regular style of the css of <select>. How can I make the select display as the regular <select> in HTML?

<div id="mutualFriends">

    <select class="sortBy" name="sortBy" data-url="/threebaysover/profile/sortFollowers">
        <option value="">Sort By</option>
        <option value="new" selected="selected">Newest</option>
        <option value="old">Oldest</option>
        <option value="firstName_asc">First Name a-z</option>
        <option value="firstName_desc">First Name z-a</option>
        <option value="lastName_asc">Last Name a-z</option>
        <option value="lastName_desc">Last Name z-a</option>
        <option value="message">Recent message</option>
        <option value="company_asc">Company Name a-z</option>
        <option value="company_desc">Company Name z-a</option>
    </select>

    <div id="mutual">

Upvotes: 0

Views: 82

Answers (1)

ckuijjer
ckuijjer

Reputation: 13814

Add the data-role="none" to the <select> element when you don't want jQuery UI to restyle the element. See How to "turn off" jQuery Mobile's styling of <select> drop downs?

Upvotes: 1

Related Questions