已解決430363個問題，去搜搜看，總會有你想問的

如何設置 unicode 字符的樣式？

首頁猿問如何設置 unicode 字符的樣式？

如何設置 unicode 字符的樣式？

JavaScript

呼如林 2021-11-25 16:24:54

我想為unicode 字符 DROPLET (??)設置樣式，特別是將藍色更改為其他顏色。.red { color: red; background-color: yellow;}DROPLET ??該yellow樣式將應用于但性格沒有色彩（文本是正確稱呼）。是否可以對任何 unicode 字形進行樣式設置？

查看完整描述

1 回答

慕的地8271018

TA貢獻1796條經驗獲得超4個贊

您可以嘗試使用過濾器

.red {

color: red;

background-color: yellow;

}

.red > span {

filter: hue-rotate(180deg) saturate(10);

}

DROPLET ??

或者 mix-blend-mode 但這也會影響背景：

.red {

background:#fff;

position:relative;

display:inline-block;

}

.red > span {

filter:brightness(0); /* We make the icon black */

}

.red:before {

content:"";

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

background:red;

pointer-events:none;

mix-blend-mode:lighten; /* this will make the icon red since red is more "light" than black*/

z-index: 1;

}

DROPLET ??

反對回復 2021-11-25

1 回答
0 關注
256 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何設置 unicode 字符的樣式？

如何設置 unicode 字符的樣式？

1 回答

添加回答

如何設置 unicode 字符的樣式？