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>内放置任何子元素。要实现这样的事情，你需要使用多个元素，并为每个元素设置样式。