细胞边界颜色表现得很奇怪

Question

所以我的细胞边界的颜色表现得很奇怪。我做过边框颜色：＃4A90E2;但颜色在边框中间切换。我添加了所发生的事情的图像。

我的ccs代码是

.tre{
color:black;
width:613px;
height:20px;
position:absolute;
top:180px;
left:-160px;
font-size:40px;
font-family:avenir;
}
.fyra{
background-color:white;
width:463px;
height:51px;
position:absolute;
top:230px;
left:-160px;
border-radius:10px;
border-color:#4A90E2;
display:inline-block;
font-size:30px;
font-family:avenir;
}

我的单元格的PHP代码是

＆＃13;

＆＃13;

<tr> 
    <td class="tre">Efternamn</td>
</tr>
<tr>
   <td> <input class="fyra"type="text" name="efternamn"></td>
</tr> 

＆＃13;

＆＃13;

＆＃13;

我该如何解决这个问题，我希望边框是一种颜色。

快速蜗牛的图片。当我在框中点击时会发生这种情况。

Answer 1

使用

border:2px solid #4A90E2;

而不是

border-color:#4A90E2;

默认边框样式为inset。它看起来像2色边框 例子

https://jsfiddle.net/m0p05q25/

Answer 2

将此添加到您的.fyra课程：

border-style: solid;