内联css工作，而外部样式表不在textarea html元素

Question

我有一个文本区域的字体大小只会增加，如果我做内联样式。我无法理解错误可能是什么。这里是我的html：

<div class="col-xs-12"> 
    <textarea class="form-control" rows="10" id="letter_text" name="content_area"> </textarea> 
</div> 

如果我这样做，它的工作原理：

<textarea class="form-control" rows="10" id="letter_text" name="content_area" style="font-size: 30pt;"></textarea> 

而不是现在这样，我的外部样式表。在这里，文本字体PT不受影响：

textarea 
{ 
    font-size: 30pt; 
} 

Answer 1

假设你正在使用CSS的引导，并与联样式的作品 - 这是特异性的问题。

引导添加font-size通过.form-control { font-size: 14px; }

如果要覆盖这一点，只是更具体。使用类似

jsFiddle example，它的工作原理。

textarea.form-control { 
    font-size: 30pt; 
} 

Answer 2

这是完全可能有更具体的选择支配上textarea的字体大小，但没有一个完整的例子，我们不知道。我建议您阅读CSS specificity。