为什么在JavaScript设置color样式不能把原先hover里面的color样式覆盖

可能是因为hover伪类的优先级比普通样式高，可以尝试使用!important来提高color样式的优先级。另外，也可以考虑使用其他选择器来覆盖hover样式，比如:focus或:not(:hover)等。

相关问题

document怎能把获取的外联样式设置为内联样式

可以使用以下代码将获取的外联样式设置为内联样式：

var links = document.getElementsByTagName('link');

for (var i = 0; i < links.length; i++) {
  if (links[i].rel === 'stylesheet') {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', links[i].href, false);
    xhr.send();

    var styleTag = document.createElement('style');
    styleTag.innerHTML = xhr.responseText;
    links[i].parentNode.replaceChild(styleTag, links[i]);
  }
}

这段代码会遍历文档中所有的 `<link>` 标签，并将其 `rel` 属性为 `stylesheet` 的标签获取其 `href` 属性指向的样式文件内容，然后创建一个 `<style>` 标签并将样式内容放入其中，最后将原来的 `<link>` 标签替换为新创建的 `<style>` 标签。这样就将外联样式设置为了内联样式。

怎么js设置radio的background-color样式？

可以使用JavaScript来设置radio的background-color样式，具体操作如下：

1. 获取radio元素：使用getElementById等方法获取要设置样式的radio元素，例如：

var radioElement = document.getElementById('radioId');

2. 设置样式：使用style属性设置radio元素的样式，例如：

radioElement.style.backgroundColor = 'red';

这样就可以将radio的背景色设置为红色了。当然，你可以将'red'替换为其他颜色值，例如'#FF0000'表示红色、'rgb(255,0,0)'表示红色等。

需要注意的是，如果要设置radio的样式，最好使用CSS样式表来定义自定义样式，而不是通过JavaScript直接设置样式。因为CSS样式表可以更好地组织和管理样式，而且可以减少JavaScript代码的复杂性。