SORU
20 Kasım 2008, PERŞEMBE


HTML/CSS onay kutusu boyutu

Checkbox CSS veya HTML kullanarak boyutunu ayarlamak mümkün mü?

width size checkbox eğer ben daha küçük bir set bile 16 x 16 kaldığı ama Firefox ile IE6 altında çalışıyor.

CEVAP
2 Mayıs 2012, ÇARŞAMBA


Biraz çirkin (yükseltme nedeniyle), ama çoğu daha yeni tarayıcılar çalışır:

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

Belki checkbox metnin etrafında bir sürede sarmak istiyorum

.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
}

Burada HTML

<input  type="checkbox" name="optiona" id="opta" checked />
<span class="checkboxtext">
  Option A
</span>
<input type="checkbox" name="optionb" id="optb" />
<span class="checkboxtext">
  Option B
</span>
<input type="checkbox" name="optionc" id="optc" />
<span class="checkboxtext">
  Option C
</span>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ecf150king

    ecf150king

    20 Ocak 2006
  • modica89

    modica89

    24 HAZİRAN 2007
  • Drakinen

    Drakinen

    1 EYLÜL 2008