layer中ui插件顯示tips時(shí)如何修改字體顏色

發(fā)布時(shí)間：2021-06-26 14:54:42 來(lái)源：億速云閱讀：217 作者：小新欄目：web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)layer中ui插件顯示tips時(shí)如何修改字體顏色的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

1、之前一直默認(rèn)用的：

<script src="/assets/js/layer/layer.js"></script>
function showMessage(msg, domObj) {
 layer.tips(msg, domObj,{tips:3});//彈出框加回調(diào)函數(shù)
}
showMessage("選項(xiàng)不能為空", $(this));

效果如下：

layer中ui插件顯示tips時(shí)如何修改字體顏色

2、ui過(guò)來(lái)看了下之后，說(shuō)太丑，要換成白色背景，紅色字體

可是查看了半天的官方文檔，只看到了修改背景顏色的配置項(xiàng)，沒(méi)找到改字體色的配置項(xiàng)：

勉強(qiáng)修改背景色后如下：

 function showMessage(msg, domObj) {
  layer.tips(msg, domObj,{tips:[3,"red"]});//彈出框加回調(diào)函數(shù)
 }

layer中ui插件顯示tips時(shí)如何修改字體顏色

3、最后實(shí)在無(wú)語(yǔ)，說(shuō)搞不了，后邊同事折騰了一會(huì)，過(guò)來(lái)提供了如下方案：

 function showMessage(msg, domObj) {
  layer.tips("<span style='color:red'>"+msg+"</span>", domObj,{tips:[3,'#fff']});//彈出框加回調(diào)函數(shù)
 }

layer中ui插件顯示tips時(shí)如何修改字體顏色

感謝各位的閱讀！關(guān)于“l(fā)ayer中ui插件顯示tips時(shí)如何修改字體顏色”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

layer中ui插件顯示tips時(shí)如何修改字體顏色

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽