Testo di input bordo superiore e sinistro hanno un colore del bordo diverso

Question

Heyy lì, Ho questo campo di testo Vorrei un bordo più semplice, ma i bordi sinistro e superiore hanno un colore diverso (più scuro) rispetto a quello I li sto assegnando. Ho provato molti attributi diversi nel mio file CSS.

Questa è l'immagine

questo è il mio 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; 
} 

Answer 1

è necessario aggiungere anche

border-style: solid; 

o tratteggiata o punteggiata, a seconda di quale quello che si desidera

Answer 2

Questo perché il tuo border-style è probabilmente impostato su inset. Se lo si cambia in uno stile diverso, non creerà l'effetto "3D" che causa i due diversi colori. Vedi qui per maggiori dettagli su border-stylehttps://developer.mozilla.org/en-US/docs/Web/CSS/border-style