Fonts 是否可以只更改文本阴影的颜色?
我有9个不同颜色的按钮(红色、橙色、黄色、绿色、蓝色、紫色、粉色、米白色和石板色),我想知道是否可以只操纵和更改这些按钮的Fonts 是否可以只更改文本阴影的颜色?,fonts,css,Fonts,Css,我有9个不同颜色的按钮(红色、橙色、黄色、绿色、蓝色、紫色、粉色、米白色和石板色),我想知道是否可以只操纵和更改这些按钮的文本阴影CSS属性的颜色,同时保持其他值不变 例如,我有两个不同的班级;一个用于11px字体大小的按钮,另一个用于14px字体大小的按钮(在我的网站上是标准的): 对于那些不知道的人,我有两个单独的类,因为每个字体大小需要不同的边框和文本阴影值,因为我使用的是em度量值-0.09em等于11px字体大小的1px,0.07em等于14px字体大小的1px 因此,为了减少CSS文
文本阴影
CSS属性的颜色,同时保持其他值不变
例如,我有两个不同的班级;一个用于11px字体大小的按钮,另一个用于14px字体大小的按钮(在我的网站上是标准的):
对于那些不知道的人,我有两个单独的类,因为每个字体大小需要不同的边框和文本阴影值,因为我使用的是em度量值-0.09em等于11px字体大小的1px,0.07em等于14px字体大小的1px
因此,为了减少CSS文件的大小,如果我可以简单地更改文本阴影
CSS属性的颜色,而不必包含其他值,这将非常有帮助
有人知道这是否可能吗
多谢各位 不幸的是,没有:似乎()没有
box shadow color
属性
上面的内容保持不变,尽管它处理了错误的属性;为了解决这个问题,虽然
文本阴影
属性似乎也是如此,但文本阴影颜色
同样不受支持(和)。是的,是否可以更改文本阴影的颜色,请参阅以下链接
文本阴影和框阴影都可以设置 文本阴影示例
h1
{
text-shadow:2px 2px #FF0000;
}
div
{
box-shadow: 10px 10px 5px #ff0000; /* Red Color Shadow */
}
框阴影示例
h1
{
text-shadow:2px 2px #FF0000;
}
div
{
box-shadow: 10px 10px 5px #ff0000; /* Red Color Shadow */
}
这就是你所期待的吗。您可以控制阴影下降距离。如果您的文字阴影颜色与文字颜色相同,则可以执行以下操作:
.button-red {
color: #ff0000;
}
.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(currentcolor, 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(currentcolor, 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;
}
然后按一下按钮
<button class="button-red button-11">…</button>
…
你好,大卫,我指的是文本阴影
,而不是框阴影
:)谢谢你提供更多信息。我觉得这样做会大大节省移动设备的带宽和较慢的互联网连接。这将使人们不用申报全部财产。对于阴影测量,可以使用额外的“继承”值。我很高兴能提供帮助,但很抱歉,答案不是您想要的。我倾向于同意你的观点,我很惊讶这两个属性都不存在检查我的编辑@DylRichoHi-Sun,我感谢你的输入,但不幸的是,这不是我所指的。我知道text shadow
提供给您的选项,但我想问的是text shadow
属性是否有某种方法在继承另一个类的定位值时仅设置其值中的颜色?例如:文本阴影:0.09091em 0.09091em 0 rgba(0,0,0,0.5)代码>-由此,我会问是否可以简单地将rgba(0,0,0,0.5)
设置为文本阴影
值。。。。。。在将px/em值保留在其前面的同时,out(以便它们可以从分配给按钮的另一个类继承)。如果您愿意,可以使用类似于文本阴影颜色
?从声音上看,这是不可能的,我明白了。但这是不可能的,h-shadow和v-shadow字段是必填字段。所以您应该设置秋季距离。好的,谢谢。我想额外的数据并不是一个真正的问题,因为大多数网站通常需要在标题中加载大量的外部资源。谢谢您的时间。:)这不是OP所说的;问题是,当你有十几个文本阴影时,仅仅因为你需要改变它们的颜色就重新定义它们(以及大小/位置),这真的是一个PITA(和/或丑陋)。