Question

我想将====Executing command 'npm install'==== npm WARN package.json mvc@1.0.0 No repository field. npm WARN package.json mvc@1.0.0 No README data npm ERR! peerinvalid The package grunt does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer grunt-contrib-concat@0.5.1 wants grunt@>=0.4.0 npm ERR! peerinvalid Peer grunt-contrib-watch@0.6.1 wants grunt@~0.4.0 npm ERR! peerinvalid Peer grunt-postcss@0.7.2 wants grunt@>=0.4.5 npm ERR! peerinvalid Peer grunt-contrib-uglify@0.7.0 wants grunt@~0.4.0 npm ERR! System Windows_NT 6.2.9200 npm ERR! command "C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\\\node\\node" "C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install" npm ERR! cwd C:\Labb projekt\MVC App\MVC Application\MVC Application npm ERR! node -v v0.10.31 npm ERR! npm -v 1.4.9 npm ERR! code EPEERINVALID npm ====npm command completed with exit code 1====的文字发布到另一个html页面。

但是当我在textarea中粘贴文字时，字体和大小不符合我的风格！我设置了textarea和textarea字体大小和字体系列，但没有帮助。

<p>

html代码

<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}

CSS

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

Answer 1

仅选择一个元素，类名或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;
}

Answer 2

如果您使用的是cleditor，请检查您是否添加了脚本和css文件。 there is a simple demo

Answer 3

或者，您可以通过在textarea属性后添加！important标签来强制CSS遵循您的字体规范。喜欢这个

textarea {font-family: Helvetica !important;}

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

Answer 4

解决！

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

这一行应添加样式。

如何为<p>或任何其他标签设置cleditor字体？

4 个答案: