css - 属性值在 css 上的文本阴影处无效

标签 css

我正在使用这个 CSS 代码

.result{
    background-color: #aaa;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 22px;
    text-shadow: 0px 0px 4px 3px #000;
}

但是文本阴影不起作用 Inspector 显示 value 属性无效,我错过了什么吗?

最佳答案

text-shadow 简写只有 4 个属性:X 偏移量、Y 偏移量、模糊和颜色。

text-shadow: 2px 2px 4px #333;

这与 box-shadow 不同,后者具有:X 偏移、Y 偏移、展开、模糊和颜色。

box-shadow: 2px 2px 0px 4px #333;

(看起来和上面一样)

关于css - 属性值在 css 上的文本阴影处无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54833758/

相关文章:

javascript - 在 div 列表上添加滚动效果

javascript - 使用 if else 函数检查 slideToggle 状态并在每次切换后报告 slideToggle 状态

jquery - 我如何指示此菜单下的表格已完成

html - css 3d旋转和放大对象

javascript - jquery 中的 mouseenter 导致异常行为

html - 水平滚动以显示元素溢出视口(viewport)宽度时未定义的背景

jquery - IOS HTML5 - 用户界面 slider

javascript - 拖放到 HTML 对象标签上

css - 如何在 Dart/Polymer 中隐藏卡片上的元素标签?

html - 如何在悬停时使用 css3 或 Canvas 创建动画边框?