Google美化线切片和白色背景

Question

当我添加超过 4 位数字的行号时，它的行被从代码框中切出。

当我使用 background-color: #eee; 时，一切都很好，但它工作 不适用于白色 颜色 background-color: #fff;。

如何修复代码框外的行号切片？
如何将所有行背景都改成白色？

P.S 白色背景必须有行号:)

它现在是如何工作的（在图片中：linenums:320 3 位数仅在 Safari 中切得很糟糕，对于 Chrome 它从 4 位数开始切）。但也许我们可以赚些利润或其他东西。

pre.prettyprint {
  background-color: #fff;
}
li.L0, li.L1, li.L2, li.L3, li.L4,
li.L5, li.L6, li.L7, li.L8, li.L9 {
  list-style-type: decimal;
}

<pre class="prettyprint linenums:3320">
def celsius_from_fahrenheit(temp):
    """
    Convert temperature value from Fahrenheit to Celsius.
    """
    return (temp - 32)*5.0 / 9.0

def fahrenheit_from_celsius(temp_fahrenheit):
    """
    Convert temperature value from Celsius to Fahrenheit.
    """
    return (temp_fahrenheit*9 + 160)
</pre>

这是一个示例，您可以在其中查看其工作原理。 https://jsfiddle.net/rwjbdayu/7/

Answer 1

这是完全适合我的答案。 P.S Safari 视觉效果不佳 google 美化

<style>
li.L0, li.L1, li.L2, li.L3, li.L4,
li.L5, li.L6, li.L7, li.L8, li.L9 
    {list-style-type: decimal !important; 
    background-color: #fff} 
</style>

<div class="google-auto-placed ap_container" style="text-align: left; width: 46%; height: auto; clear: none; margin: auto;">
    <pre class="prettyprint linenums:3320">
        def celsius_from_fahrenheit(temp):
            """
            Convert temperature value from Fahrenheit to Celsius.
            """
            return (temp - 32)*5.0 / 9.0

        def fahrenheit_from_celsius(temp_fahrenheit):
            """
            Convert temperature value from Celsius to Fahrenheit.
            """
            return (temp_fahrenheit*9 + 160)
    </pre>
</div>

Google美化线切片和白色背景

Google prettifier line slicing and white background

html

css

prettify

google-code-prettify