Rails CSS-在单个生成的文本输入字段中使用不同样式

Question

我有一个使用简单表单的Rails 4应用程序。

我有一个名为：content的表单输入字段。 它是一个文本字段。

我希望能够对内容字段内的文本的重要部分应用不同的样式，并显示与文本不同的链接。

我尝试制作SCSS项目，如下所示：

.intpol1 {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 36px;
    text-align:left;
    line-height: 2; 

}


.intpol2 {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 26px;
    text-align:left;
    line-height: 1.5;   
}

.intpol3 {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 16px;
    text-align:left;
}

.intpollink {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 16px;
    text-align:left;
    color: #E50851;
}

然后在我的表单中，尝试按如下所示应用它们：

<div class="intpol1"> Test</div> <div class="intpol3"> Test3</div> <div class="intpol2"> Test2</div> <div class="intpollink"> Testlink</div>

我希望实现的是CSS样式将应用于文本字段，而不是在html输出中呈现div标签。

有没有一种方法可以使表单输入字段成为可能，从而可以在表单内容的段上使用CSS？

Answer 1

不幸的是，这是不可能的。 您不能在<input>内放置任何子元素。 为了实现这样的目标，您需要使用多个<input>元素，并对每个元素进行样式设置。