2012-02-17 33 views
2

ie瀏覽器有複選框對齊問題actully即採取默認大小的複選框,這是寬度20px和高度20px但其他瀏覽器不採取此屬性,所以我想改變輸入框的大小輸入類型複選框大小不工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<style > 

*{margin:0px; height:0} 
.jitu {width:40px; height:40px;} 

</style> 


</head> 

<body> 

<input type="checkbox" class="jitu" size="10" /> 


</body> 
</html> 
+0

如果你只是尋找跨瀏覽器的一致性,看一看Formalize.me http://formalize.me/ – 2012-02-17 13:58:41

回答

0

把複選框在容器中,並給予高度/寬度該contianer ..

*{margin:0px; height:0} 
.jitu {width:40px; height:40px;} 


<div class="jitu"> 
<input type="checkbox" size="10" /> 
</div> 

一旦你設置容器的高度和寬度 - 你可以把複選框在哪裏你想要的容器..與邊緣的複選框..

+0

我想增加複選框的大小 – 2012-02-17 13:27:02

+1

@jitenderChand http://stackoverflow.com/questions/306924/checkbo x大小 – 2012-02-17 13:34:25

+0

謝謝先生,這真的很有幫助 – 2012-02-17 13:36:31

1

顯然Quotes

大小

的控制的初始大小。除非 類型屬性的值爲文本或密碼,否則此值爲像素,在這種情況下,它是整數個字符的 。從HTML5開始,此屬性僅在類型屬性設置爲text,search,tel,url,email或password時適用;
否則會被忽略。另外,尺寸 必須大於零。如果您未指定大小,則使用默認值 值20。

相關問題