Html 边框颜色在焦点上不改变

下面是我的代码，边界在焦点上没有改变，我做错了什么？我试了很多东西，但都不管用

<input type="text" spellcheck="false" data-placement="top" id="writeWord" autocorrect="off" autocapitalize="off" maxlength="200" style="width: 230px;border: 0;border-bottom: 2px solid #C8C6C6;border-radius: 0;color:#6e572f;font-size:24px;font-weight:500;">

#writeWord:focus{ outline: 0; border-color:#ea6e01;}

#writeWord:focus{outline:0；边框颜色：#ea6e01；}

这是因为样式表中的样式比样式表中的样式更重要

您可以使用以下选项：

---

只需添加一个

！重要提示

以您的风格进行声明：

#writeWord:focus{outline:0；边框颜色：#ea6e01！重要；}

---

但是请记住，在.CSS文件中声明CSS样式比内联样式好。

为什么输入中要使用所有内联样式？

#writeWord {
    border: none;
    border-bottom: 2px solid #C8C6C6;
}
#writeWord:focus {
    outline: 0;
    border: 1px solid #ea6e01;
}