Javascript 更改文本颜色而不更改边框颜色

我有一个div，其中包含一个框/边框的css。我希望能够在不改变边框颜色的情况下更改文本的颜色（当鼠标悬停在上方时）。我正试图在jQuery中找到一种方法来实现它，但我没有找到任何东西/找到它

这里是我到目前为止已经掌握的一些代码。谢谢

$（'#容器'）。悬停（函数（）{
$（this.css（'color'，'blue'）；
},
函数（）{
$（this.css（'color'，'black'）；
});
正文{
/*背景色：#000000*/
}
#容器{
背景：#eeeeee；
宽度：330px；
高度：220px；
/*利润上限：350px*/
/*左边距：700px*/
边框：1px实心#000000；
边框顶部：5px实心#000000；
边框左上半径：.5em；
边框右上角半径：.5em；
不透明度：.7；
文本对齐：居中；
z指数：4；
位置：固定；
盒影：8px 8px 2px；
溢出：隐藏；
字体系列：“Courier New”，Courier，monospace；
光标：指针；
字体大小：15px；
}

这里有一些文本，我希望在将鼠标悬停在文本上方时，文本的颜色会发生变化，但文本周围的边框也不会发生变化
不要使用jQuery。只需添加以下
CSS
：

#container:hover {
  color: blue;
}

是的，你可以用css简单地做到这一点

#container:hover {
 color: blue;
}

但出于学习目的，您的“边框”之所以会更改颜色，是因为它不是边框，而是框阴影，并且您尚未设置框阴影的颜色。如果您想继续使用jQuery进行学习，那么执行下面的代码也可以解决您的问题

  box-shadow: 8px 8px 2px black;

将此行添加到css中：

 box-shadow: 8px 8px 2px red;

更改文本的颜色不应对边框产生任何影响。你所拥有的有什么问题吗？正如巴尔马提到的，问题不在于边界。长方体阴影没有定义的颜色，因此它继承自颜色。尝试为您的长方体阴影定义一种颜色，它将起作用：长方体阴影：8px 8px 2px#000<代码>框阴影

：“如果未指定，则使用的颜色取决于浏览器-通常是“颜色”属性的值，但请注意，在这种情况下，Safari当前绘制的是透明阴影。”--