fonts - 是否可以仅更改文本阴影的颜色？

Question

我有 9 个不同颜色的按钮(红色、橙色、黄色、绿色、蓝色、紫色、粉色、灰白色和石灰色)，我想知道是否可以只操纵和改变 的颜色text-shadow 这些按钮的 CSS 属性，同时保持其他值相同？

例如，我有两个不同的类；一个用于 11px 字体大小的按钮，另一个用于 14px 字体大小(我网站的标准):

.button-11 {
    font-size: 0.8em;
    border-width: 0.09091em;
    border-style: solid;
    padding: 0 0.90909em;
    text-shadow: 0.09091em 0.09091em 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 -0.09091em rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 -0.09091em rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 -0.09091em rgba(255, 255, 255, 0.3) inset;
}

.button-14 {
    border-width: 0.07143em;
    border-style: solid;
    padding: 0 0.71429em;
    text-shadow: 0.07143em 0.07143em 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 -0.07143em rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 -0.07143em rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 -0.07143em rgba(255, 255, 255, 0.3) inset;
}

对于那些不知道的人，我有两个单独的类，因为每种字体大小需要不同的边框和文本阴影值，因为我使用的是 em 测量 - 0.09em 等于 1px，字体大小为 11px，0.07em 等于1 像素，字体大小为 14 像素。

因此，为了减少 CSS 文件的大小，如果我可以简单地更改 text-shadow CSS 属性的颜色而不包含其他值，那将大有帮助。

有人知道这是否可行吗？

谢谢。

Answer 1

不幸的是，没有:似乎 ( according to the specification ) 没有 box-shadow-color 属性。

上面的内容完好无损，尽管它解决了错误的属性；解决问题，尽管 text-shadow 属性似乎也是如此，text-shadow-color 也类似不受支持(和 non-existent in the specification )。