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

看到这个小提琴，你的凹槽上的阴影使它变得更暗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颜色

Answer 2

您正在使用groove，请尝试solid。

如果失败，请将蓝色阴影调得更轻。您可以使用Colorhexa

来实现此目的

CSS字段集边框颜色不正确

2 个答案: