2013-11-27 18 views
8

Heyy orada, Bu metin alanım daha basit bir kenarlığa sahip olmak isterdim, ancak sol ve üst kenarların benden farklı (daha koyu) bir rengi var. Onları olmak için atamadım. CSS dosyasımda farklı özniteliklerin birçoğunu deniyorum. AyrıcaGirdi Metni üst ve sol kenarlıkları farklı bir kenarlık rengine sahip

border-style: solid; 

veya kesik veya noktalı eklemeniz gerekir

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; 
} 

cevap

12

, sen

+0

çok çalıştıkları için teşekkürler – mikkuslice

+0

OP'ye söyledim, bana cevap verdiğinizden beri bana verdiği yanıtı değiştirmesini söyledim, ama OP'nin olmaması durumunda, +1'e sahip olmak. –

3
istiyorum hangisi:

bu

bu benim css görüntü enter image description here

olduğunu

Bunun nedeni, border-style büyük olasılıklaolarak ayarlanmış olmasıdır. Farklı bir stile değiştirirseniz, iki farklı renge neden olan "3D" efekti oluşturmaz. Daha fazla bilgi için buraya bakınhttps://developer.mozilla.org/en-US/docs/Web/CSS/border-style

+0

çok yardımcı oldu! :) – mikkuslice

+0

Sorun değil! Muhtemelen cevabını @codehorse'den kabul etmelisiniz, çünkü hemen hemen aynı şeyi söyledim, ama bir dakikalığına bana dövdüm. –

İlgili konular