2016-03-14 97 views
1

所以我的單元格邊框的顏色表現得很奇怪。我已經完成了邊框顏色:#4A90E2;但顏色在邊界中間切換。我添加了發生什麼的圖像。 enter image description here單元格邊框顏色表現得很奇怪

我對細胞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代碼

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

我怎樣才能解決這個問題,我想邊境是一種顏色。


enter image description here

圖片爲快速蝸牛。這是當我在框中點擊時發生的事情。

回答

1

使用

border:2px solid #4A90E2; 

,而不是

border-color:#4A90E2; 

默認邊框樣式爲inset。它看起來像2色邊框 例如

https://jsfiddle.net/m0p05q25/

+1

謝謝你的工作就像一個魅力! – Markus

+0

你能幫我嗎,我怎樣才能改變當你按下單元格時出現的陰影顏色。它是長方形的,我希望它像細胞一樣。 – Markus

+0

@Markus我沒有得到它可以顯示一個小提琴 –

0

添加到您的.fyra CLA ss:

border-style: solid; 
+0

你能幫我嗎,我怎麼能改變當你在單元格中按下時出現的陰影的顏色。它是長方形的,我希望它像細胞一樣。 – Markus

+0

你可以這樣做:'input [type = text]:focus { outline:none; (http://stackoverflow.com/a/3397158/4843666) –

+0

好的thx工作,但如果我想它留下來只是調整到框,我應該怎麼做? – Markus