jqTransform表单美化
生活随笔
收集整理的這篇文章主要介紹了
jqTransform表单美化
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
jqTransform,是DFC Engineering寫(xiě)的一個(gè)jQuery的樣式插件,用于美化表單元素,使用方便簡(jiǎn)單,能美化所有表單元素包括input、radio、textarea、select、checkbox。
?
一個(gè)漂亮的表單就出來(lái)了,不過(guò)有點(diǎn)瑕疵,jqTransform對(duì)IE下中文表單按鈕的支持不夠理想,如:button的value為英文時(shí)顯示正常,但是多個(gè)英文單詞如value為Sure,I submit!則會(huì)掉行,如果value為中文那就更杯具了,”提交“兩個(gè)字豎著排,這當(dāng)然不是我想要的效果。
解決辦法是從CSS樣式下手,找到 jqtransform.css文件的button.jqTransformButton,大概在14行,加入:
width:auto;
white-space: nowrap;? ?
即將按鈕的寬度設(shè)置為自動(dòng),單行顯示。當(dāng)然你也可以設(shè)置一個(gè)固定的寬度,您還可以修改CSS文件自定義表單樣式。
下載:http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/
?
一個(gè)漂亮的表單就出來(lái)了,不過(guò)有點(diǎn)瑕疵,jqTransform對(duì)IE下中文表單按鈕的支持不夠理想,如:button的value為英文時(shí)顯示正常,但是多個(gè)英文單詞如value為Sure,I submit!則會(huì)掉行,如果value為中文那就更杯具了,”提交“兩個(gè)字豎著排,這當(dāng)然不是我想要的效果。
解決辦法是從CSS樣式下手,找到 jqtransform.css文件的button.jqTransformButton,大概在14行,加入:
width:auto;
white-space: nowrap;? ?
即將按鈕的寬度設(shè)置為自動(dòng),單行顯示。當(dāng)然你也可以設(shè)置一個(gè)固定的寬度,您還可以修改CSS文件自定義表單樣式。
下載:http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/
總結(jié)
以上是生活随笔為你收集整理的jqTransform表单美化的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 百度文库中的文字不能复制,怎么办?
- 下一篇: 一个萌新关于电脑安装软件错误提示“140