如何软化html边框颜色（不要太不透明）

Question

我想在文本框上放置一个颜色，但我得到的颜色太强烈且不透明：

我得到了这个边界：

我想要这样的事情：

我的简单ccs是：

.highlitedborder
{
   border: 2px solid orange;
}

谢谢。

Answer 1

border: 1px solid rgba(255, 0, 0, .5);

最后一个alpha值（0.5）可以看作不透明度。

顺便说一下，你在图片中看到的不是边框。它更接近盒子阴影 （在某些情况下，该效果由浏览器创建）

box-shadow: 0 0 4px orange;

Answer 2

这部分不是边界。这是大纲。您可以更改它以改变它

    .highlitedborder
{
   outline-color: your color...or your style;
}

Answer 3

border: 1px solid #e68200

这可以帮到你