瀏覽器兼容性問題

見下面代碼..瀏覽器兼容性問題

<div style="overflow:auto;width:250px;height:75px;border:1px solid #336699;padding-left:5px"> 
<label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> PHP</label><br> 
<label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> LINUX</label><br> 
<label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> APACHE</label><br> 
<label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> MYSQL</label><br> 
<label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> POSTGRESQL</label><br> 
<label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'>SQLITE</label><br> </div> 

<script> 
function highlight_div(checkbox_node) 
{ 
    label_node = checkbox_node.parentNode; 


    if (checkbox_node.checked) 
    { 
     label_node.style.backgroundColor='#0a246a'; 
     label_node.style.color='#fff'; 
    } 
    else 
    { 
     label_node.style.backgroundColor='#fff'; 
     label_node.style.color='#000'; 
    } 
} 
</script>

則列表框顯示條目，用戶可以選擇多個entries..when他點擊一個條目，在Selected獲取以藍色爲整行反白標明...項這個高亮只能在IE瀏覽器，在Mozilla ......在Mozilla中，其被部分白標明.. WATS此

幫助，請感謝aadvance的解決辦法...... 。

來源

2010-09-03 soorajthomas

請修復格式，因爲您的某些標記未顯示，因爲它們未放在代碼塊中。 – aularon 2010-09-03 09:54:34

它只採取我的代碼的第一行...我如何把這裏的整個代碼 – soorajthomas 2010-09-03 09:57:17

選擇它的全部，然後單擊代碼按鈕 – aularon 2010-09-03 09:59:32

不同似乎是，在Firefox中<label>是一個內聯元素，而在它是一個塊元素（塊元素基本上100％寬度和後續換行）。

所以解決方法是，使標籤通過CSS塊級元素：

label { 
    display: block; 
}

，擺脫<br> S，因爲你不需要他們了，check here。

來源

2010-09-03 10:08:47 aularon

偉大的工作.... – soorajthomas 2010-09-03 10:11:46

<div style="overflow:auto;width:250px;height:75px;border:1px solid #336699;padding-left:5px"><label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> PHP</label><br><label style="{width:250px;}"><input type="checkbox" name="wow[]" onclick='highlight_div(this);'> LINUX</label><br></div> <script>function highlight_div(checkbox_node){ label_node = checkbox_node.parentNode; if (checkbox_node.checked){label_node.style.backgroundColor='#0a246a'; label_node.style.color='#fff';} else {label_node.style.backgroundColor='#fff';label_node.style.color='#000'; }}</script>

來源

2010-09-03 10:01:50 soorajthomas

不要把答案，編輯你的問題，並用這些數據修復它。 – aularon 2010-09-03 10:03:06

由於您更新了問題，請刪除此答案（因爲這不是一個真正的答案）。另外：我把下面的答案，看看:) – aularon 2010-09-03 10:10:57

爲什麼你要在風格內容上設置捲曲的布料？ - <label style="{width:250px;}">？您應該使用<label style="width:250px;">

來源

2010-09-03 12:39:02 Kate

瀏覽器兼容性問題

回答

相關問題