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ş:
Nasıl uygulamak "tüm" seçin; ...
Tri-state HTML Onay kutusu?...
Ne'bir HTML onay kutusu işaretli ...
Nasıl tıklanabilir bir etiket olan bir...
bir WordPress kullanmak eğer onay kutu...