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>內放置任何子元素。要實現這樣的事情，你需要使用多個元素，併爲每個元素設置樣式。