14

モバイル/タブレット用の Web ページをデザインしました。モバイル/タブレットブラウザで開くと、チェックボックスが小さく見え、チェックされているかどうかを識別するのが難しくなります。cssでやってみた。しかし、役に立たない。

モバイル/タブレット ブラウザの Web ページのチェックボックスのサイズを大きくするにはどうすればよいですか? 他にそれに対する解決策はありますか？

4

4 に答える 4

2 
input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(2);
  /* Webkit browsers*/
  -webkit-transform: scale(2);
}
于 2016-12-16T11:17:09.580 に答える
1 
input[type=checkbox]:checked {
   background: url("data:image/png,%89PNG[...]") no-repeat center center;
   -webkit-background-size: 28px 28px; /* shrink high resolution background */
 }

このリンクを確認してください http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit

于 2013-02-16T11:37:55.963 に答える
0

または、 uniformまたはjQuery Mobileを使用して試すこともできます。

于 2013-02-16T11:14:06.950 に答える