我已经创建了一个元素，当您将鼠标悬停在它上面时，边框颜色就会与原始颜色发生变化。当边框聚焦时，边框也会变为另一种颜色。
HTML：
<input id="colorchange" type="text">
CSS：
#colorchange {border: thin solid white;}
#colorchange:hover {border: thin solid grey;}
#colorchange:focus {border: thin solid black;}
问题是，即使用户将鼠标悬停在元素上，我也希望边框保持黑色。不幸的是，当我将其放在焦点上时将鼠标悬停在该元素上时，尽管我希望它保持黑色，但该元素会变为灰色，该怎么办？
最佳答案
尝试#colorchange input[type='text']:focus{border: thin solid black;}