是的，可以在里面添加變量style。在你的情況下%應(yīng)該在引號(hào)內(nèi)。<tr v-for="task in tasks.data " v-if=" task.projet_id == key " :key="task.id"> <td >{{ parseInt(100 * task.progress) }}% <div class="progress"> <div class="progress-bar bg-success" role="progressbar" aria-valuenow="0" :style=" {'width':`${parseInt(100 * task.progress)}%`}" id="progress" aria-valuemin="`${parseInt(100 * task.progress)}`" aria-valuemax="100"></div> </div> </td>添加樣式時(shí)不需要包含;，因?yàn)闃邮綌?shù)據(jù)是一個(gè)對(duì)象，并且將commas像這樣分隔:style="{'width':`${parseInt(100 * task.progress)}%`, color:'red'}"期望：“按鈕”一詞應(yīng)在深藍(lán)色背景上以白色顯示。實(shí)際：在 Safari 中（僅？?。鞍粹o”一詞在深藍(lán)色背景上顯示為黑色，難以辨認(rèn)。這里出了什么問題？這是我的錯(cuò)嗎？有解決方法嗎？
2 回答
弒天下
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊
這是 Safari 中的一個(gè)已知錯(cuò)誤。https://bugs.webkit.org/show_bug.cgi?id=158782自 2016 年以來一直開放。
發(fā)生這種情況是因?yàn)椤癮ll: unset”將 -webkit-text-fill-color 設(shè)置為黑色，并且覆蓋了顏色。
-webkit-text-fill-color您可以通過設(shè)置所需的顏色來解決這個(gè)問題。希望他們有一天能修復(fù)這個(gè)錯(cuò)誤！
button {
all: unset;
color: white;
-webkit-text-fill-color: white;
background-color: darkblue;
}
<button>button</button>
互換的青春
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
有趣的。將all: unset所有值重置為其繼承值。
如果您想要解決方法，您所需要做的就是將其包裝在帶有白色文本的元素中。下面的代碼片段并不理想，但它應(yīng)該可以在 Safari 中工作。
button {
all: unset;
background-color: darkblue;
}
.button-wrapper {
color: white;
}
<div class="button-wrapper">
<button>button</button>
</div>
- 2 回答
- 0 關(guān)注
- 148 瀏覽
添加回答
舉報(bào)
0/150
提交
取消