Question

像Chrome（v27。），FF（v21。）和IE9上的开关一样工作。我无法在其他浏览器上测试。

因为它不是指HTML以外的任何东西，所以我认为它在任何浏览器上都是这样的。但是，我想确定。

请帮忙吗？

TO CANCEL SELECTED COLOR : 
<select name="transparenceStrips" id="transparenceStrips" size="1" onclick="transpbandeau()">
    <option value="transparent">CLICK HERE</option>
</select>

这是jsfiddle

Answer 1

不是select的典型用法，这个UI可能会混淆用户;我认为使用按钮会更好。

类似的东西：

HTML：

COULEUR fond page
<input name="colorFond" id="colorFond" class="color1" value="FFFFFF" size="5" onchange="setBack()">
<br>CANCEL :
<button onclick="transp()">CLICK HERE</button>

代码：

function transp() {
    document.getElementsByTagName('BODY')[0].style.backgroundColor = "";
}

function setBack() {
    document.getElementsByTagName('BODY')[0].style.backgroundColor = '#'+document.getElementById('colorFond').value;
}

这是一个简单的小提琴：http://jsfiddle.net/IrvinDominin/gVH3n/3/

Answer 2

是crossbrowser吗？

这不是跨浏览器，尝试在Android Chrome上进行测试，除了重置背景颜色之外，您会发现它会尝试打开选项列表。

另一个答案给了你想要做的更好的方法。

只有一个可能的选择的下拉行为就像一个开/关开关：它是否是crossbrowser？

2 个答案: