2013年9月29日 星期日

CheckBox用CSS變更大小 的方法(Chrome並不支援)

如同標題,很遺憾的 HTML5 內建 CheckBox 是無法在 Chrome 用CSS變更大小的
在其他瀏覽器呢?可以透過以下簡易的方法:

-ms-transform: scale(1.3); /* IE */
-moz-transform: scale(1.3); /* FF */
-webkit-transform: scale(1.3); /* Safari and Chrome */
-o-transform: scale(1.3); /* Opera */

雖然上頭註解寫著Chrome ,但可惜他就是不支援


複雜一點的方法,就是自己用img元素,自己架構一個CheckBox
或者用第三方元件,JQuery UI之類的。

沒有留言:

張貼留言