有人可以告诉我这个css类的问题吗？ [复制]答案

【问题标题】：Can someone please tell me the problem with this css class? [duplicate]有人可以告诉我这个css类的问题吗？ [复制]
【发布时间】：2020-07-20 02:43:07
【问题描述】：

我正在学习大纲，并想为我的测试站点做一个示例。由于某种奇怪的原因，它不起作用。我分析了一段时间，似乎找不到任何问题，甚至尝试了一些小改动也没有占上风。我不知道我的问题是对 CSS 缺乏了解还是加载时出现错误，我只知道它不起作用。

.outlinered{
    border-color: blue;
    outline-color: red;
}

&lt;p class="outlinered"&gt;This has red outline and blue border.&lt;/p&gt;

【问题讨论】：

标签： css

【解决方案1】：

你只是设置颜色，你也应该设置边框和轮廓样式：

.outlinered {
    border-color: blue;
    border-style: solid;
    outline-color: red;
    outline-style: solid;
}

【讨论】：

【解决方案2】：

我认为这可能会对您有所帮助..

您还必须提供 border-style 和 outline-style。

.outlinered {
    border-color: blue;
    border-style: solid;
    outline-color: red;
    outline-style: solid;
    padding: 10px 5px;
}

&lt;p class="outlinered"&gt;This has red outline and blue border.&lt;/p&gt;

【讨论】：

【解决方案3】：

我不确定你所说的红色轮廓是什么意思，除非你的意思是像红色背景？

您也没有指定边框密度，也就是说，边框应该有多厚或样式 - 这就是您看不到蓝色边框的原因。

您正在寻找的可能是；

.outlinered {
    background-color: red;
    border: 1px solid blue;
}

&lt;p class="outlinered"&gt;This has red outline and blue border.&lt;/p&gt;

除非您的意思是要在文本中添加 Stroke？

那么this guide 可能就是您所追求的。请注意，并非所有浏览器都支持它，尤其是 IE11；除非这无关紧要。

编辑：我认为@ray-caballero 解决方案回答了您的问题。我很傻，没有考虑大纲属性... d'oh。

【讨论】：