Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Styling select dropdowns without jQuery [closed]

I've used the jQuery plugin Uniform.js before and it works great.

The only issue I have is that it relies on jQuery. I'm working on a project that really doesn't need jQuery, and I'm reluctant to load an entire framework just for one plugin.

Does anyone know of another plugin that does what Uniform does but doesn't rely on any frameworks?

like image 643
Josh Avatar asked Jun 20 '11 21:06

Josh


People also ask

How do I change the selected style of a Dropdownlist?

There are many ways to design a <select> dropdown menu using CSS. The Dropdown Menu is mainly used to select an element from the list of elements. Each menu option can be defined by an <option> element that can nested inside the <select> element.

How do I create a custom dropdown in CSS?

Example Explained HTML) Use any element to open the dropdown content, e.g. a <span>, or a <button> element. Use a container element (like <div>) to create the dropdown content and add whatever you want inside of it. Wrap a <div> element around the elements to position the dropdown content correctly with CSS.

How do I create a custom dropdown?

Example Explained Use any element to open the dropdown menu, e.g. a <button>, <a> or <p> element. Use a container element (like <div>) to create the dropdown menu and add the dropdown links inside it. Wrap a <div> element around the button and the <div> to position the dropdown menu correctly with CSS.


2 Answers

My guess is that you're not going to gain much by avoiding jQuery, and you're probably going to waste a lot of time even if you do find something that suits your needs. I mean, it's only 31KB (plus the size of the plugin).

like image 187
FishBasketGordo Avatar answered Sep 25 '22 06:09

FishBasketGordo


If you're set on not using jQuery, maybe have a look at NiceForms.

There are some demos on this page, and the script file is under 10kb when packed.

like image 29
Town Avatar answered Sep 26 '22 06:09

Town