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>元素，並對每個元素進行樣式設置。