HTML樣式到CSS樣式轉換器打破了我的背景菜單
[英]html styling to css styling converter broke my background menu
問題描述
我的舊HTML樣式頁面具有正常運行的背景轉換器。如下所示。
<div style="position:fixed; z-index:999; top:11px; right:2px">
<form name="bgcolorForm"><font size="4" color="#FFFFFF">Background: </font>
<select onChange="if(this.selectedIndex!=0)
document.bgColor=this.options[this.selectedIndex].value">
<option value="choose"></option>
<option value="CBECE8">Standard</option>
<option value="FFFFCC">Cream</option>
<option value="FE2EF7">Pink</option>
<option value="CCFFCC">light green</option>
<option value="CCCCCC">gray</option>
<option value="FFFFFF">white</option>
<option value="00FFE2">Turqoise</option>
<option value="FF004D">Red</option>
</select>
</form>
</div>
但是，將這段代碼放入validator.w3.org的錯誤檢查器之后 。
我面臨大量添加CSS而不是HTML樣式的請求。
因此，我要求提供固定代碼，並在單獨的文件中使用了它。
但是...菜單的代碼似乎不再起作用，我確實對內容和位置做了一些小的更改，但是我沒想到它會被“破壞”
這就是我得到的：
....
<head>
....
div.c8 {position:fixed; z-index:999; top:55px; left:3px}
....
<div class="c8">
<form name="bgcolorForm" id="bgcolorForm"><select onchange="if(this.selectedIndex!=0)
document.bgColor=this.options[this.selectedIndex].value">
<option value="choose">Background</option>
<option value="CBECE8">Standard</option>
<option value="FFFFCC">Cream</option>
<option value="FE2EF7">Pink</option>
<option value="CCFFCC">Pale green</option>
<option value="CCCCCC">Gray</option>
<option value="FFFFFF">White</option>
<option value="00FFE2">Turqoise</option>
<option value="FF004D">Red</option>
</select></form>
</div>
我不太確定發生了什么問題，但我需要修復它。
非常感謝任何可以提供幫助的人！
1 個解決方案
解決方案1
0 已采納 2014-12-24 04:06:30
當用戶選擇顏色時，您的CSS會覆蓋正在運行的form腳本。 我猜想它是在代碼驗證器根據您提交的頁面代碼生成CSS時添加的。 只需從CSS文件中的body標簽（HTML中的第13行）中刪除background-color屬性，切換器即可再次工作。 我會在下拉菜單中設置默認的頁面顏色，例如：
<form>
<select>
<option value="#FFF">Default</option>
<!-- The rest go here... -->
</select>
</form>
這樣，該頁面將始終使用選定的默認選項加載，而您不必在CSS中對其進行樣式設置。
CSS不是我的HTML樣式
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.