Chrome浏览器兼容的CSS问题边框

Question

我在Chrome中遇到css边框问题，我已经在SO中进行搜索，但是我没有适当的解决方案。

[这里有代码[jsfiddle] [1]我尝试设置轮廓而不是边框​​，但是轮廓向各个方向延伸，但我只想顶部。

CSS

.edittext{
   border-top:2px solid orange !important;
 }

提前感谢

Firefox

[1]：https://jsfiddle.net/cxjsu8k4/2/ “ >>

Chrome

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9VRmdmQS5qcGcifQ==” alt =“在此处输入图像描述”>

我在Chrome中遇到了CSS边框问题，我已经在SO中进行搜索，但是我没有适当的解决方案。在这里，我有代码[jsfiddle] [1]我尝试设置了Outline而不是border，但是Outline即将出现...

Answer 1

您错误地将edittext