当前位置: 动力学知识库 > 问答 > 编程问答 >

html - Making checkbox bigger in size

问题描述:

I'm trying to make the checkbox bigger in size. The regular size is too small

网友答案:

Try CSS 'transform'

input[type=checkbox] {
  -ms-transform: scale(2); 
  -moz-transform: scale(2); 
  -webkit-transform: scale(2); 
  -o-transform: scale(2); 
  transform: scale(2); }

But it will not work on IE8. http://www.w3schools.com/cssref/css3_pr_transform.asp

网友答案:

You can make use of the images to change the style of checkboxes.

You can also use the following CSS which has been tested in Chrome. But this won't work in Firefox:

input[type='checkbox'] {
    width: 4em;
    height: 4em;
}

For a demo visit: http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/

网友答案:

This is tough to achieve if you want to maintain cross-browser compatiblity.

You may want to consider an input replacement plugin such as this one.

http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/

分享给朋友:
您可能感兴趣的文章:
随机阅读: