如何修改Shiny for Python中ui.output_text_verbatim的输出字体大小？

方法1：内联CSS快速设置单个组件 #

直接在ui.output_text_verbatim组件中通过style参数指定字体大小，适合仅需调整单个组件的场景：

from shiny import App, ui, render

app_ui = ui.page_fluid(
    ui.output_text_verbatim("custom_text", style="font-size: 18px;")
)

def server(input, output, session):
    @output
    @render.text
    def custom_text():
        return "这是调整了字体大小的代码块文本"

app = App(app_ui, server)

方法2：自定义CSS类复用样式 #

如果需要多个output_text_verbatim组件使用相同字体样式，可定义自定义CSS类，通过class_参数绑定：

from shiny import App, ui, render

app_ui = ui.page_fluid(
    # 定义自定义CSS类
    ui.tags.style("""
        .large-verbatim {
            font-size: 20px;
            font-family: 'Courier New', monospace; /* 可选：搭配字体设置 */
        }
    """),
    ui.output_text_verbatim("text1", class_="large-verbatim"),
    ui.output_text_verbatim("text2", class_="large-verbatim")
)

def server(input, output, session):
    @output
    @render.text
    def text1():
        return "第一个使用自定义样式的文本块"
    
    @output
    @render.text
    def text2():
        return "第二个使用自定义样式的文本块"

app = App(app_ui, server)

方法3：全局修改所有verbatim输出样式 #

Shiny for Python中output_text_verbatim默认带有verbatim-output类，可通过全局CSS修改所有该组件的字体大小：

from shiny import App, ui, render

app_ui = ui.page_fluid(
    ui.tags.style("""
        .verbatim-output {
            font-size: 16px;
        }
    """),
    ui.output_text_verbatim("global_text1"),
    ui.output_text_verbatim("global_text2")
)

def server(input, output, session):
    @output
    @render.text
    def global_text1():
        return "全局样式下的文本块1"
    
    @output
    @render.text
    def global_text2():
        return "全局样式下的文本块2"

app = App(app_ui, server)

内容的提问来源于stack exchange，提问作者Beppe