輸入文本頂部和左邊框有不同的邊框顏色

Heyy那裏，我有這個文本字段我想它有一個簡單的邊界，但左側和頂部邊框有不同（較暗）的顏色比一個我分配給他們。我一直在CSS文件中嘗試了很多不同的屬性。輸入文本頂部和左邊框有不同的邊框顏色

這是圖像 enter image description here

這是我的CSS：

div#search_area input[type=text]{ 
    width: 179px; 
    height: 23px; 
    background: -webkit-gradient(linear, left top, left bottom, from (#ffffff), to (#f5f5f5)); 
    background: -webkit-linear-gradient(top, #ffffff, #f5f5f5); 
    background: -moz-linear-gradient(top, #ffffff, #f5f5f5); 
    background: -ms-linear-gradient(top, #ffffff, #f5f5f5); 
    background: -o-linear-gradient(top, #ffffff, #f5f5f5); 
    outline: 0; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    border-width: 1px; 
    border-color: rgb(228,229,228); 
    color: rgb(120,123,122); 
    font-size: 13px; 
    font-family: Arial, serif; 
    text-decoration: none; 
    vertical-align: middle; 
    padding: 0px 0px 0px 0px; 
}

來源

2013-11-27 mikkuslice

，您還需要添加

border-style: solid;

或虛線，或點綴，哪一個你想要

來源

2013-11-27 22:04:44 CRABOLO

非常感謝它的工作 – mikkuslice

我告訴任擇議定書改變他接受的答案給你，因爲你打我，但以防萬一沒有，有一個+1。 –

這是因爲你的border-style是最有可能設置爲inset。如果將其更改爲不同的風格，也不會創造「3D」效果，是造成兩種不同的顏色。看到這裏的更多細節border-stylehttps://developer.mozilla.org/en-US/docs/Web/CSS/border-style

來源

2013-11-27 22:06:02

是幫助了很多的感謝！ :) – mikkuslice

沒問題！你或許應該接受來自@codehorse答案雖然，因爲他幾乎說我做同樣的事情，但一分鐘打我給它。 –

輸入文本頂部和左邊框有不同的邊框顏色

回答

相關問題