如何在css中使用鼠标悬停更改文本颜色
我试图创建一个悬停,按钮改变颜色,而文本改变为不同的颜色,特别是在Squarespace中。我希望按钮变成白色,文本变成黑色。按钮会更改,但文本不会更改 以下是我的css:如何在css中使用鼠标悬停更改文本颜色,css,button,hover,rollover,squarespace,Css,Button,Hover,Rollover,Squarespace,我试图创建一个悬停,按钮改变颜色,而文本改变为不同的颜色,特别是在Squarespace中。我希望按钮变成白色,文本变成黑色。按钮会更改,但文本不会更改 以下是我的css: li { width: 190px; padding: 8px; background: transparent; border: 3px solid #ffffff; border-radius: 50px; text-align: center; transition: all 0.3s ea
li {
width: 190px;
padding: 8px;
background: transparent;
border: 3px solid #ffffff;
border-radius: 50px;
text-align: center;
transition: all 0.3s ease-in-out;
}
li {
vertical-align: absolute;
margin: 5px;
}
li:hover {
background: #ffffff;
transition: all 0.3s ease-in-out;
color: #000000;
}
垂直对齐:绝对
不正确。您还可以将两个li
选择器合并为一个。由于您指定它是一个按钮,因此我假定每个li
标记中都有一个锚定标记。在这种情况下,您必须将与文本相关的CSS(如color
)应用于a
标记,而不是li
标记。默认颜色已为黑色,请尝试其他颜色。请也粘贴HTML。