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

时间:2015-11-05 23:49:25

标签: css ruby-on-rails simple-form

我有一个使用简单表格的rails 4 app。

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

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

我尝试按如下方式制作SCSS项目:

public static int GetIndex()
{
    const string input = "010000111";
    const string substring = "10000111";

    var startIndex = input.IndexOf(substring);
    if (startIndex != -1)
    {
        return startIndex + substring.Length;
    }

    return -1;
}

然后在我的表单中,我尝试按如下方式应用它们:

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

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

有没有办法制作表单输入字段,以便可以在表单内容的片段上使用CSS?

1 个答案:

答案 0 :(得分:0)

不幸的是,这是不可能的。您不能在<input>内放置任何子元素。要实现这样的目标,您需要使用多个[['OCT 27, 2015',2,4,6,8],['NOV 03, 2015',1,5,9,2],['NOV 05, 2015',2,4,6,8]] 元素,并为每个元素设置样式。