一组超酷的自定义表单元素效果_时代Java（NowJava.com） -JS/jQuery代码 -演示与下载 -时代Java

Custom HTML Checkboxes, Radio Buttons and Select Lists

Working Example with Submission

(styled)

(styled)

(unstyled)

(unstyled)

(styled)

(styled)

(unstyled)

(unstyled)

Select lists appear unstyled in IE6 and some versions of Opera.

Disabled Checkbox and Radio Button

  1. <input type="checkbox" class="styled" disabled="disabled" />
  2. <input type="radio" class="styled" checked="checked" disabled="disabled" />

Disabled Unchecked

Disabled Checked

Not Checked and Checked by Default

  1. <input type="checkbox" class="styled" />
  2. <input type="checkbox" class="styled" checked="checked" />

Unchecked

Checked

Checked Radio Button in Group

  1. <input type="radio" class="styled" />
  2. <input type="radio" class="styled" checked="checked" />

Unchecked

Checked

No Radio Button Checked By Default

  1. <input type="radio" class="styled" />
  2. <input type="radio" class="styled" />

Unchecked

Unhecked

  1. <select class="styled" />
  2.     <option>Who</option>
  3.     <option selected="selected">What</option>
  4.     <option>When</option>
  5.     <option>Where</option>
  6.     <option>How</option>
  7. </select>

  1. <select class="styled" />
  2.     <option>This</option>
  3.     <option>That</option>
  4.     <option>These</option>
  5.     <option>Those</option>
  6.     <option>Theirs</option>
  7. </select>

Copyright © 2007-2008 Ryan Fait

代码整理：时代Java（NowJava.com）　

转载请注明出处，此代码仅供学习交流，请勿用于商业用途。

下载代码说明
X关闭

一组超酷的自定义网页表单元素(复选框/单选框/下拉列表)效果

一组超酷的自定义表单元素效果,通过样式自定义了各种常用的表单元素，包括复选框、单选框和下拉列表等等，经测试感觉相当不错，感兴趣的朋友可以参考下哈，希望对你学习js有所帮助