使用 ipyvuetify 突出显示文本

Question

我必须使用 jupyter 笔记本中的 voila 渲染的 ipyvuetify 突出显示文本。

为了实现这一点，我开始如下：

import ipyvuetify as vue
pp=vue.Html(tag='mark',style_='font-weight: bold', children=['this is the first text highlighted green'], background_color='green')
pp2=vue.Html(tag='mark',style_='font-weight: bold', children=['this is a second text highlighted red'], background_color='red')
pp3=vue.Html(tag='p',style_='font-weight: bold', children=['blueblue'], background_color='blue')
display(pp,pp2,pp3)

这会产生：

但想要的结果应该是：

Answer 1

ipyvuetify.Html 不是属性 'background_color'，也不是 'color'。您可以通过 'style_' 标签设置背景颜色，就像您对粗体所做的那样。

import ipyvuetify as vue
pp=vue.Html(tag='mark',style_='font-weight: bold; background-color:green', children=['this is the first text highlighted green'])
pp2=vue.Html(tag='mark',style_='font-weight: bold; background-color:red', children=['this is a second text highlighted red'])
pp3=vue.Html(tag='p',style_='font-weight: bold; background-color:blue', children=['blueblue'])
display(pp,pp2,pp3)

使用 ipyvuetify 突出显示文本

highlighting text with ipyvuetify

python

voila

ipyvuetify