Javascript 自定义鼠标悬停在
当我将光标放在值为“#”的th上时,文本颜色应为#f5。第th列的剩余部分不受影响 我不知道怎么做 谢谢Javascript 自定义鼠标悬停在,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,当我将光标放在值为“#”的th上时,文本颜色应为#f5。第th列的剩余部分不受影响 我不知道怎么做 谢谢 **CSS** .makethis不透明{ } .使之成为不透明的{ 不透明度:0; } .makeThisOpacity>th:悬停{ 颜色:黑色; 背景色:#F5; 不透明度:1; } # 名字 姓 用户名 1. 做记号 奥托 @mdo 颜色:黑色用于文本颜色 背景色:#f5用于背景色 其他事情你都做对了 如果只想将此样式应用于第1个,则应将最后一个选择器更改为:th。使此不透明
**CSS**
.makethis不透明{
}
.使之成为不透明的{
不透明度:0;
}
.makeThisOpacity>th:悬停{
颜色:黑色;
背景色:#F5;
不透明度:1;
}
#
名字
姓
用户名
1.
做记号
奥托
@mdo
颜色:黑色代码>用于文本颜色
背景色:#f5代码>用于背景色
其他事情你都做对了
如果只想将此样式应用于第1个,则应将最后一个选择器更改为:th。使此不透明YAA:hover
由于将#f5
应用为背景色
而非颜色
,因此您尝试执行的操作无效,背景色:
属性将根据名称更改背景色。和color
属性将更改文本颜色
试试这个
.makeThisOpacity > th:hover {
color: #f5f5f5;
opacity: 1;
}
删除不透明度:1
将解决您的问题
**CSS**
.makethis不透明{
}
.使之成为不透明的{
不透明度:0;
}
.makeThisOpacity>th:悬停{
颜色:黑色;
背景色:#F5;
}
#
名字
姓
用户名
1.
做记号
奥托
@mdo
@HelloWorld请注意,#f5f5
几乎是白色的,因此它在白色背景上可能不可见。我尝试了您的代码,但当您将鼠标悬停在它们上方时,列名Firstname、Last name和username变为颜色“#f5”。我不希望它们是黑色。如果我理解正确,只需将最后一个选择器修改为th。makethispacityaa:hover
-这限制了您的范围我编辑注释,请再次检查th。makethispacityaa:hover
它对我有效,或者我不理解您的问题。在第二种情况下,请更详细地解释它。当光标位于TH“#”时,它会显示出来。在我的例子中,我不希望文本“#”在光标位于TH“#”时显示。如果没有光标,则显示该文本?当您不显示任何内容时,您希望在悬停时更改什么文本颜色?是否需要其他th值来更改悬停时的背景颜色?请查看图片