htmlのborder2辺の色が濃くなってしまいます。

Question

input要素のborder-colorを薄いグレーに設定したところ、画像のようにborder-top,leftの色が濃くなってしまいます。

原因、対策の仕方がお分かりになる方いらっしゃいましたら教えていただきたいです。

Answer 1

border-style が inset なのでは？
https://www.w3schools.com/cssref/playit.asp?filename=playcss_border-style&preval=inset

Comments

[hdo]

どうやらそのようでした！
border-colorではなくborder:1px solid gray;で解決することができました。
ありがとうございます。