1

我想将文本从 a 发布textarea到另一个 html 页面。

但是当我粘贴文本时textarea字体和大小不符合我的风格！我已经设置了字体大小textarea和<p>字体系列，但它没有帮助。

<textarea class="cleditor" id="textarea2"name="about" rows="3"></textarea>

    .cleditorMain {border:1px solid #ddd; padding:0 1px 1px; background-color:white}
    .cleditorMain iframe {border:none; margin:0; padding:0}
    .cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; dir:rtl; font-family:Verdana,sans-serif;font-weight:normal;resize:none;outline:none /* webkit grip focus */}
    .cleditorToolbar {background: url('../img/toolbar.gif') repeat}
    .cleditorGroup {float:left; height:26px}
    .cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0;background: url('../img/buttons.gif')}
    .cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
    .cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
    .cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
    .cleditorList div {padding:2px 4px 2px 4px}
    .cleditorList p,
    .cleditorList h1,
    .cleditorList h2,
    .cleditorList h3,
    .cleditorList h4,
    .cleditorList h5,
    .cleditorList h6,
    .cleditorList font {padding:0; margin:0; background-color:Transparent}
    .cleditorColor {width:150px; padding:1px 0 0 1px}
    .cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
    .cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
    .cleditorPrompt input,
    .cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
    .cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}

html代码

    <p class="about-p">
         {!! $about['about'] !!}
    </p>

css

.about-p{
     font-family: Verdana,sans-serif;
     font-weight:normal;
     text-align:justify;
}
4

4 回答 4

0

要仅选择一个元素、类名或 ID... 仅选择该元素：

textarea {
    font-family: Helvetica, Arial, sans-serif;
}

.font-normal {
    font-family: Georgia, serif;
}

您也可以用逗号分隔选择器以将该一种字体分配给多个元素：

div, p, textarea, .font-sans-serif {
    font-family: Helvetica, Arial, sans-serif;
}
于 2016-12-14T08:29:06.880 回答
0

如果您使用的是 cleditor，请检查您是否添加了脚本和 css 文件。 有一个简单的演示

于 2016-12-14T08:45:40.340 回答
0

或者，您可以通过简单地在 textarea 属性后添加 !important 标签来强制 CSS 遵循您的字体规范。像这样

textarea {font-family: Helvetica !important;}

以这种格式手动重写它们，将标签放在属性值之后应该强制 CSS 自动赋予您的 CSS 规则更多优先级。

于 2016-12-14T08:46:32.597 回答
0

解决了！

    .cleditorList p{font-family:Verdana,sans-serif;!important; font-weight:normal;}

样式应该添加到这一行。

于 2016-12-14T09:07:23.313 回答