2

当使用 Three.js 中的 WebGL 渲染器时，单选按钮获得白色背景。它似乎只发生在 Chrome 中。

这是一个显示问题的小提琴：http: //jsfiddle.net/5pL8v/328/

有没有，如果最好是 CSS，解决这个问题？

示例代码：

<style>
body {
    background: black;
}
</style>

<script>
renderer = new THREE.WebGLRenderer();
$(document).ready(function() {
    $("body").append(renderer.domElement);
});
</script>

<input type="radio">
4

1 回答 1

2

我无法看到问题 OSX / Chrome beta。但是，它可能与默认情况下以原生样式呈现小部件和您的操作系统版本有关。您可以在 WebKit 浏览器中使用-webkit-appearance: none.

示例如何用绿色方块替换单选按钮：

body {
    background: black;
    color: white;
}

input[type=radio] {
    background: green;
    color: yellow;
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}

input[type=radio]:checked {
    background: red;
}

如果单选按钮对你造成影响，我建议你以平台中立的方式设计单选按钮。这是一个教程：http ://www.wufoo.com/2011/06/13/custom-radio-buttons-and-checkboxes/

于 2012-12-12T03:11:09.290 回答