我正在使用Lotus Domino将文档显示为网页。
此页面使用的CSS文件对所有文本(font-size
,p
,font
等等都有继承或相对td
。现在,页面的一部分包含用户输入的Lotus Notes文档中的富文本字段中的内容。页面的这一部分应保留用户输入的文本的字体属性,如font-size和font-family。但是,由于font-size:继承自CSS文件,因此不保留用户输入的内容的字体大小。
我尝试覆盖font-size:inherit
,但没有选项可以保留用户输入的属性。我无法从bigger
,em
,px
,%
中选择允许的值,因为其中任何一项仍会更改内容的font-size
。
您是否知道如何保留内容的字体大小,而不是基于CSS文件?请注意,由于某些页面内容使用CSS文件,因此我无法使用CSS文件。
答案 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 -->