停止继承特定<div> </div>的字体大小

时间:2012-12-14 08:01:43

标签: css lotus-notes

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

此页面使用的CSS文件对所有文本(font-sizepfont等等都有继承或相对td。现在,页面的一部分包含用户输入的Lotus Notes文档中的富文本字段中的内容。页面的这一部分应保留用户输入的文本的字体属性,如font-size和font-family。但是,由于font-size:继承自CSS文件,因此不保留用户输入的内容的字体大小。

我尝试覆盖font-size:inherit,但没有选项可以保留用户输入的属性。我无法从biggerempx%中选择允许的值,因为其中任何一项仍会更改内容的font-size

您是否知道如何保留内容的字体大小,而不是基于CSS文件?请注意,由于某些页面内容使用CSS文件,因此我无法使用CSS文件。

1 个答案:

答案 0 :(得分: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 -->