DropKick.js Examples you can use.

FOUC Solution Comparision:

  • The 1st select is wrapped with '.dk_wrap' but WITHOUT dropkick applied.
  • The 2nd select starts wrapped with .dk_wrap' and then dropkick is APPLIED.
  • The 3rd select doen NOT starts wrapped, but dropkick is APPLIED.
  • Reload the page to see the FOUC (Flash of Unstyled Content) again.

Default Options

View JS

Custom 'change' callback

View JS

Creating custom themes

View CSS View JS

Label behaviour

Disabled <select>

Disabled <option>

With <optgroup>

适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

来源:站长素材