如何软化 html 边框颜色（不要那么不透明）答案

【问题标题】：How to soften an html border color (not to be so opaque)如何软化 html 边框颜色（不要那么不透明）
【发布时间】：2012-11-07 08:57:20
【问题描述】：

我想在文本框上添加一个彩色边框，但我得到的颜色太浓且不透明：

我得到了这个边框：

我想要这样的东西：

我的简单抄送是：

.highlitedborder
{
   border: 2px solid orange;
}

谢谢。

【问题讨论】：

【解决方案1】：

border: 1px solid #e68200

这对你有帮助

【讨论】：

【解决方案2】：

这部分不是边界。这是大纲。你可以改变它来改变它像

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

【讨论】：

【解决方案3】：

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

最后一个 alpha 值 (0.5) 可以看作是不透明度。

顺便说一句，您在图像中看到的不是边框。它更接近于 box-shadow （在某些情况下，这种效果是由浏览器创建的）

box-shadow: 0 0 4px orange;

【讨论】：