HTML样式到CSS样式转换器打破了我的背景菜单

Question

我的旧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>

我不太确定发生了什么问题，但我需要修复它。

非常感谢任何可以提供帮助的人！

Answer 1

当用户选择颜色时，您的CSS会覆盖正在运行的form脚本。 我猜想它是在代码验证器根据您提交的页面代码生成CSS时添加的。 只需从CSS文件中的body标签（HTML中的第13行）中删除background-color属性，切换器即可再次工作。 我会在下拉菜单中设置默认的页面颜色，例如：

<form>
  <select>
    <option value="#FFF">Default</option>
    <!-- The rest go here... -->
  </select>
</form>

这样，该页面将始终使用选定的默认选项加载，而您不必在CSS中对其进行样式设置。

HTML样式到CSS样式转换器打破了我的背景菜单

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-12-24 04:06:30

HTML样式到CSS样式转换器打破了我的背景菜单

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-12-24 04:06:30

解决方案1
0 已采纳 2014-12-24 04:06:30