0

首先，我正在尝试做的事情：
Gmail 正在包装纯文本电子邮件（我不想评论的 RFC 内容），我想知道包装将在哪里发生。

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

HTML坏消息是我对or几乎一无所知CSS，但是我成功地使用 Opera（以及我刚刚发现的出色的 DragonFly 工具）做了一些基本的事情，方法是创建gmail.css这样的：

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

并用 激活它Edit site preference...。所以完成了 66% 的工作（但从难度的角度来看是 2%）。

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

另请注意，除了 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>
4

1 回答 1

0

因为我对我很好，所以我会回答我自己的问题......我找到的最简单的解决方案是使用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;
}
于 2013-07-02T18:19:17.667 回答