html - 如何为不同的浏览器提供不同的文本阴影级别

Question

当我使用文本阴影 css 时，mozilla 和 chrome 显示出不同的污迹程度。

 #dfg{  
 color: #fff; 
 text-shadow: 0px 0px 2px white;
 }

在 mozilla 中，我得到了一个我不想要的更脏的外观。我试过了

-moz-text-shadow : 0px 0px 1px white;

但这并没有帮助。 css 中是否有一种方法可以为浏览器提供特定的文本阴影值，或者我应该使用 javascript 来识别浏览器，然后选择阴影级别。？请帮忙。

Chrome 版本

mozilla 版本

Answer 1

我个人认为基于 Javascript 的方法效果最好，所有现代浏览器都支持标准的 CSS 阴影功能，我认为您正在考虑 -moz-window-shadow，这是一个 OSX 功能。

还要研究 text-shadow 的 blur 属性，也许明确定义它？