为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/JavaScript进阶篇

为什么我这样写改不了字体的颜色,边框却可以改?急

window.onload=function(){
		var enter=document.getElementsByClassName('enter');
		enter[0].onmouseover=function(){
			enter[0].style.color='#414141';
			enter[0].style.border='1px solid red';
		}
	}

这是html:

<span class='enter'><a href="#">点击了解</a></span>

鼠标经过的时候边框可以变红,但字体并没有变色,为什么会这样?

weibo_一万群什麼_0

2016-07-18

源自：JavaScript进阶篇  6-3

关注问题 我要回答
1763
操作
收起

正在回答

2 回答

慕客学渣会总瓢把子3201537 回答被采纳 +3 积分
2016-07-18

<a>标签里面的字体变色要单独变，它不会继承父级的字体颜色变化。获取<a>.让<a>变成你想要的颜色。

window.onload=function(){

        var enter=document.getElementsByClassName('enter');

        var A =  enter.getElementsByTagName('a')

        enter[0].onmouseover=function(){

            a[0].style.color='#414141';

            enter[0].style.border='1px solid red';

        }

    }

你试试，给我个回复吧。我也想知道我说的对不对

0 回复 有任何疑惑可以回复我~
收起回答
#1

weibo_一万群什麼_0 提问者

Bingo! and Thx!
2016-07-18 回复 有任何疑惑可以回复我~
#2

zhongjing

运行后鼠标经过没任何效果，js根本不起作用，不验证运行一下就贴代码？
2016-07-26 回复 有任何疑惑可以回复我~
#3

慕客学渣会总瓢把子3201537 回复 zhongjing

发出去才看见错了。我看她知道就没吭声。 var A = enter.getElementsByTagName('a')//enter是数组,enter数组第一个enter[0]对象获取 A[0].style.color='#414141';//和变量名一致，原来是小写 不好意思。
2016-07-26 回复 有任何疑惑可以回复我~
啊专
2016-07-18

enter[0].style.color='#414141';改成enter[0].style.fontcolor='#414141';试试

0 回复 有任何疑惑可以回复我~
收起回答
#1

weibo_一万群什麼_0 提问者

没用,没有fontcolor这个属性吧.
2016-07-18 回复 有任何疑惑可以回复我~
#2

慕客学渣会总瓢把子3201537 回复 weibo_一万群什麼_0 提问者

还不行吗？
2016-07-18 回复 有任何疑惑可以回复我~
#3

weibo_一万群什麼_0 提问者 回复 慕客学渣会总瓢把子3201537

我已经采纳你啦,你的方法是正确的,<a>确实不能继承span的color,不过不知道为什么在css里设置span的color的时候<a>却可以继承span的color.
2016-07-18 回复 有任何疑惑可以回复我~
#4

慕客学渣会总瓢把子3201537

回复 weibo_一万群什麼_0:不会吧。<a>标签里的内容颜色是不会继承父级的。我试了呀。你把代码贴出来看看
2016-07-18 回复 有任何疑惑可以回复我~
#5

桃太郎 回复 weibo_一万群什麼_0 提问者

可以把完整的代码贴出来吗
2016-09-26 回复 有任何疑惑可以回复我~
#6

桃太郎 回复 weibo_一万群什麼_0 提问者

可以把完整代码贴出来么？
2016-09-26 回复 有任何疑惑可以回复我~
#7

桃太郎

window.onload=function(){ var A = document.getElementsByTagName('a'); A[0].onmouseover=function(){ //A[0].style.color='#414141';//作者的颜色不好区分，改成red; A[0].style.color='red'; A[0].style.border='1px solid red'; } }
2016-09-28 回复 有任何疑惑可以回复我~
#8

Molly喜 回复 weibo_一万群什麼_0 提问者

1.a{color:inherit;}
2017-12-23 回复 有任何疑惑可以回复我~
查看5条回复

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468270    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

3 回答改变行颜色，这样写为什么不行？

1 回答script 字体颜色怎么改变？

2 回答我这个颜色怎么改变不了

2 回答为什么改变不了背景颜色？

1 回答点击标题边框颜色不改变，哪里出错了？
搜索更多本课相关问答

为什么我这样写改不了字体的颜色,边框却可以改?急

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信