1

我正在使用 Lotus Domino 将文档显示为网页。

此页面使用一个 CSS 文件，该文件font-size对所有文本（p、font、td等）具有继承或相对关系。现在有一部分页面包含用户输入的 Lotus Notes 文档的富文本字段中的内容。这部分页面应该保留用户输入的文本的字体属性，如 font-size 和 font-family。但是，由于从 CSS 文件中继承了 font-size:inherit，用户输入的内容的 font-size 不会被保留。

我试图覆盖font-size:inherit但没有选项可以保留用户输入的属性。我无法从允许的值中进行选择，例如bigger, em, px，%因为任何这些都会改变font-size内容的。

您知道如何保留内容的字体大小并且不会基于 CSS 文件吗？请注意，我不可能不使用 CSS 文件，因为某些页面内容使用了它。

4

1 回答 1

1

假设您可以更改页面和 CSS 文件，您可以通过向元素添加 CSS 类而不是使用元素名称作为选择器（即 P、FONT 等）来解决这个问题。富文本字段的输出不会包含您添加的那些 CSS 类，因此不会受到影响。例如：

<style type="text/css">
.mystyle { font-weight: bold; }
.myfooter { font-size: 0.8 em; }
</style>

<P class="mystyle">Some text</P>

<!-- My Rich Text Box -->
<P>Some text entered by user</P>
<!-- End Rich Text Box -->

<P class="myfooter">Footer text</P>

如果您想保留元素选择器，您也可以将富文本字段之外的所有内容包装在一个 div 中，然后为该 div 分配一个类并调整您的选择器。例如：

<style type="text/css">
#wrapper P { font-weight: bold; }
#wrapper A { text-decoration: none; }
</style>

<div id="wrapper">
    <P>Some text</P>
    <A href="www.stackoverflow.com">Stack Overflow</A>
</div>
<!-- My Rich Text Box unaffected by styles -->
<P>Some text entered by user</P>
<!-- End Rich Text Box -->
于 2012-12-14T14:40:37.217 回答