Input Replacement

Replace Defult Input Style with the Customized Skin / Text

Features

  1. Transform INPUT[type=button], INPUT[type=submit] and HTML Link into consistent Button of same style
  2. Tested and compatible with IE6, IE7, Opera 9.21 (win), Opera 9.50 Alpha (win), Safari 2.0 (407 mac), Safari 3.0.4 (win)
  3. Separate Button Text from button value
  4. Degraded support for None-Javascript and None-CSS users ( No MouseDown style if JS is not available)
  5. Dependents Assets : a image (IE6 use this image), a CSS and a JS (require YUI Library)
  6. Suppot styles for onMouseHover (IE6 require JS) and onMouseDown (require JS endanled).
  7. It's free off <button /> or <input type="image" />, which helps with better accessibility support and avoid potential bugs

HTML : Before add class "gui-btn"

<span> <span> <span> submit button </span> <input type="submit" name="name" value="bar" /> </span> </span>
submit button

HTML : After add class "gui-btn"

<span class="gui-btn"> <span> <span> submit button </span> <input type="submit" name="name" value="bar" /> </span> </span>
submit button



Examples

type = submit text type = submit text test with long string timestamp = 1228423019 test with HTML Link
People should feel guilty when they try to use <button /> or <input type="image" /> to solve this kind of design issue.
Hedger Wang