2015-09-03 2 views
0

Попробуйте приведенный ниже код, верхний и левый цвет границы темнее, чем нижний и правый цвет границы. Почему это происходит и как это исправить?CSS: цвет рамки поля ввода имеет два цвета?

<html> 
<input type="text"> 
</html> 

<style> 

input:focus{ 
    outline:none; 
    box-shadow: none; 

} 

input{ 
    border-color:orange; 
    box-shadow: none; 
} 

</style> 

ответ

3

Есть много значений border-style. Попробуйте найти тот, который работает для вас, как solid. Я предполагаю, что элементы input устанавливают его на inset.

-1

Попробуйте использовать это:

input{ 
    border-color:orange; 
    box-shadow: none; 
    border-style: solid; 
} 
+1

рассмотреть вопрос о расширении вашего ответа объяснить спрашивающего, почему это достигает желаемого результата, возможно, ссылки на документацию. Как есть, это лишь незначительно полезно. –

-1
<html> 
    <input type="text"> 
</html> 
<style> 
    input{ 
     border:1px solid orange; 
    } 
</style> 

попробовать это

+1

Подумайте о расширении своего ответа, чтобы объяснить ответчику, почему это достигает желаемого результата, возможно, связанного с документацией. Как есть, это лишь незначительно полезно. –

+0

от этого пользователя также может искать это, почему это происходит, мы не можем объяснить такие вещи здесь @JoshuaDwire –

+0

@JoshuaDwire таким образом, пользователь может узнать больше, он будет исследовать вещи, связанные с этим, что будет лучше для любого –