在blueidea上看到lzyy發(fā)的這個帖子，發(fā)現(xiàn)不錯就轉(zhuǎn)過來了。
起因是在實踐中發(fā)現(xiàn)輸入框input的高度無法改變，他的四周都會有空隙，也就是說無論你怎么調(diào)整，當(dāng)然只作用于IE，如果調(diào)整一下的話，F(xiàn)F下效果又不理想，沒有什么好的解決方法，除非用圖片，為了追求完美，模擬就模擬吧。

本人習(xí)慣用jQuery，于是就找到了nicejform，專門用來美化表單的jquery插件。（我知道壇子上有相關(guān)的文章，我也參考過，但是美化不是我的強項，所以就想找現(xiàn)成的）

效果查看

看源碼，可以發(fā)現(xiàn)沒有另外添加樣式，id之類的，所以如果不用這個插件了，頁面也無需改動。眾所周知，表單美化里面select是最不好模擬的，同樣nicejforms也沒有很好的模擬，那就自己動手改造吧。徹底地模擬美化了select表單，可以說功能上一點都不差，修改了原版本的一些不足。

         

• 點擊頁面空白處，彈出的options不能縮回 

• 無法設(shè)置option的value值，一律都是"#" 

• 由于都設(shè)置為了"#"，所以如果select放置到了頁面的下方，選擇后會回到頁面頂部

現(xiàn)在這些問題全都解決了，可以正式派上用場了，oh，yeah！

效果查看

點擊下載修改后的文件

其實上面那個select美化有一個非常大的問題，不過好像沒有人注意到，就是當(dāng)頁面載入完后，在頁面的底部會出現(xiàn)這些選項，這次重新操刀，不再是對原插件的修修補補，自己重新寫了code。 

• 僅IE有效，F(xiàn)F下保持原狀 

• 不接受鍵盤響應(yīng)，所以上下鍵無效，滾軸也無效 

• 其他的應(yīng)該都模仿的差不多了

由于前臺編程也只是我的業(yè)余愛好，所以更加細(xì)致的模仿，只能靠大家了。

其實我自己也覺得寫這么一堆未必有用，但是既然都寫出來了，還是放上來吧，有用沒用讓大家來評價。