Question

所以我正在开发用户界面，可以轻松更改多个标签/部分的不同功能（字体颜色，字体大小等），主要是h1，h2，h3，文本。

所有内容都在空中播放，因此用户可以在“预览 - 部分”预览更改 - 背景是根据某个变量设置的 - 让我们假设情景，背景为白色。

指示用户在白色背景上有白色字体的最佳方法是什么（因为它看起来像'某些东西 - 不起作用'）？

<div class ='preview'>PREVIEW: 
<p>Hello white text!</p>
</div>
<div class ='preview-2'>PREVIEW: 
<p>Hello white text!</p>
</div>
<div class ='preview-3'>PREVIEW: 
<p class = 'indicate'>Hello white text! (is there a better way to indicate white text on white background, better than make it gray?)</p>
</div>

http://jsfiddle.net/orbroxmp/

我不希望像'用背景颜色制作东西'这样的答案。出于某种原因，有时它必须是白色的。

感谢您的帮助，祝您度过愉快的一天！

Answer 1

您是否认为可能不是在字体中添加笔划？在你的CSS添加

color: black;
 -webkit-text-fill-color: white; /* Will override color (regardless of order) */
 -webkit-text-stroke-width: 1px; 
-webkit-text-stroke-color: black;

通过这种方式，您的文字可以保持白色，但笔划仍然可以让它可见。

Answer 2

您可以将段落描边作为示例从程序中将此代码粘贴到css中

FOR store IN stores
    FILTER store._key == "837108415472"
    FOR product IN store.products 
        FILTER product.code == "SKITO293949495"
    UPDATE product WITH { inStock: (product.inStock - 1) } IN store.products

如何在白色背景上指示白色文本

2 个答案: