CSS 字段集边框颜色不正确

Question

我有一个字段集需要 CSS 样式。我希望颜色是这个：#0088FF。我这样做：

fieldset {
     border: 1px groove #0088FF !important;
     padding: 0 1.4em 1.4em 1.4em !important;
     margin: 0 0 1.5em 0 !important;
}

颜色不正确，看起来比我想要的颜色深。有什么想法吗？

Answer 1

您正在使用 groove，试试 solid。

如果失败，请将蓝色阴影调亮一点。您可以使用 Colorhexa

来实现

Answer 2

看到这个fiddle，你在凹槽上的影子使它看起来更暗了https://jsfiddle.net/7sud8341/1/

<fieldset id="first"></fieldset> <fieldset id="second"></fieldset>

    fieldset {
     border: 10px solid #0088FF !important;
     padding: 0 1.4em 1.4em 1.4em !important;
     margin: 0 0 1.5em 0 !important;
}
#second {
     border: 10px groove #0088FF !important;
     padding: 0 1.4em 1.4em 1.4em !important;
     margin: 0 0 1.5em 0 !important;
}

如果仍然太暗，请尝试使用 #0099FF 作为颜色

CSS 字段集边框颜色不正确

Incorrect CSS fieldset border color

html

css

border

fieldset