Home > ASP, CSS, HTML, PHP > CSS Untuk Me-resize Checkbox dan Radio

CSS Untuk Me-resize Checkbox dan Radio


Sudah kurang lebih 2-3 hari saya beralih profesi menjadi designer, tugas utama saya adalah mencari cara untuk melakukan custom komponen ZK, hari-hari pertama, Bandbox, Combobox, dan Datebox dapat diperbesar, berikutnya hari kedua Spinner dan Timebox dapat diperbesar juga. Hari ketiga ini saatnya memperbesar Checkbox dan Radio, setelah googling berjam-jam, akhirnya saya menemukan cara yang simple, dan berlaku hampir di semua browser. Berikut ini css untuk me-resize checkbox dan radio:

input[type="checkbox"],input[type="radio"] {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

Keterangan:

  • height: 20px; dan width: 20px; untuk me-resize checkbox dan radio.
  • margin-right: 5px; untuk memberi jarak antara square|bullet dengan label.
  • vertical-align: middle; untuk merapikan label agar sejajar dengan square|bullet.

Semoga membantu..

Categories: ASP, CSS, HTML, PHP
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: