只有一个可能选择的下拉菜单就像一个开/关开关:它是跨浏览器的吗?

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>

这里是jsfield

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

是跨浏览器吗?

它不是跨浏览器的，试着在Android Chrome上测试一下，你会发现它除了重置背景颜色外，还试图打开选项列表。

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