Caret继承下一行的全局颜色属性而不是更具体的颜色属性

Question

我有一个用户可以写文字的div：

<div id="editable_div" contenteditable="true"></div>

风格

<style>
 #editable_div {
  color: yellow;
  background-color: black;
  width: 1000px;
  height: 500px;
  padding: 5px;
 }
 #editable_div div {
  color: yellow;
 }
</style>

现在，因为我有颜色的文字：＃444到处都有我的css中有这个：

* {
  color:#444;
 }

现在问题：
当用户点击div时，插入符号为黄色，一切正常，但是一旦用户点击进入下一行，插入符号现在为＃444，直到用户输入第一个字符为止，在这种情况下，回到黄色，每次用户点击他/她的键盘时都会发生这种情况 这似乎是由* {color：＃444}引起的，＆＃39;因为如果我将其删除，div中下一行的插入符号为黄色，应该如此。
似乎全局颜色属性作用于插入符号的颜色，直到在行上键入至少一个字符 我想在保持全局颜色属性的同时解决这个问题。我怎样才能做到这一点？