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样式的请求。
所以我要求修复代码我在一个单独的文件中使用它。
但是...菜单的代码似乎不再起作用，我确实对内容和定位做了一些小改动，但我没想到它被打破＆＃39;

这就是我所得到的：

....
<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文件中的background-color标记中移除body属性（HTML中的第13行），切换器即可再次运行。我在下拉菜单中设置默认页面颜色，例如：

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

这样，页面将始终加载并选择默认选项，并且您不必在CSS中设置样式。

html样式到css样式转换器打破了我的背景菜单

1 个答案: