jquery mobile border-left不能渲染某些输入类型

Question

请参考以下小提琴：

http://jsfiddle.net/davidxn/gx9fZ/2/

我创建了CSS：

textarea.required {
  border-left: 1px solid red;   
}

应该像第二个文本区域一样呈现，但事实并非如此。对于选择也是如此，但是输入type =“text”是可以的。注意第二个textarea的border-left是否正常（可能是因为显式样式属性）。

我宁愿能够通过CSS做到这一点。有办法吗？

Answer 1

删除所有css并尝试：

.required {
  border-left: 1px solid red !important;    
}

Answer 2

这是因为动态类具有相同的border属性并且覆盖了边框样式。因此，在您的课程中添加!important关键字。它会工作。顺便说一句，为什么你要分别为每个标签required类写每一端。您可以将所有内容组合成单个内容，如下所示。

.required
{
 border-left:1px solid red !important;
}

DEMO