Question

首先，我要做的是：
Gmail正在包装纯文本电子邮件（我不想评论RFC的东西），我想知道包装将在哪里发生。

因此，我计划添加一些自定义CSS规则，将背景颜色更改为78个字符限制的浅灰色，并切换为等宽字体。

坏消息是我对HTML或CSS几乎一无所知，但我成功地通过创建一个Opera（以及我刚刚发现的杰出DragonFly工具）来做一些基本的东西。 gmail.css喜欢这样：

.editable {
   background: #DDDDDD !important;
   font-family:monospace !important;
}

并使用Edit site preference...激活它。因此，66％的工作已完成（但从困难的角度来看，这一比例为2％）。

然后，我搜索了如何设置此宽度但找不到任何有效的解决方案。通常，答案建议创建一个新元素，但这不是我想要做的：textarea应该与窗口一样宽，而这只是背后的颜色应该指示限制。

另请注意，除了CSS之外我无法编辑任何其他内容（或者我需要知道如何操作！）。

以下是DragonFly对我要修改的元素的一个片段：

<table cellpadding="0" class="cf An" id=":il">
    <tbody>
        <tr>
            <td class="Aq"> </td>
            <td class="Ap">ev
                <div id=":in" class="Ar As aoE" style="display: none;">
                    <div class="At">
                        <textarea id=":ik" class="Ak aXjCH" style="" aria-label="Compose reply" spellcheck="true" itacorner="6,7:1,1,0,0" tabindex="1" form="nosend"/>ev
                    </div>
                </div>    
                <div id=":im" class="Ar Au Ao" style="display: block;">
                    <div id=":ir" class="Am Al editable LW-avf" hidefocus="true" aria-label="Compose reply" g_editable="true" role="textbox" contenteditable="true" style="direction: ltr; min-height: 85px;" tabindex="1">ev
                        <br/>
                        This is the editable content!
                    </div>
                </div>
            </td>
            <td class="Aq"></td>
        </tr>
    </tbody>
</table>

Answer 1

因为我对我很好，我会回答我自己的问题......我找到的最简单的解决方案是使用linear-gradient。我在下面使用恒定大小，所以如果你试着在你身边，你可能需要稍微调整一下大小。 Gmail正在追赶第76个角色。

此外，还有一个小技巧可以使新的构图窗口更大，但它与问题无关。

/* Works for Opera Linux 12.15 and Gmail July 2013 */

/* Left side, non-wrapped, stays white, right side is light grey. */
.editable {
    /* Size is in px because the textarea can contains different fonts */
    background-image: linear-gradient(to right, #ffffff 612px, #eeeeee 1px)  !important;
    font-family:monospace !important;
}

/* Increase the size of new compose windows */
div[role=dialog] {
    float: right !important;
    width: 1000px !important;
}

背景颜色在可编辑文本区域的特定宽度上

1 个答案: