Textarea 的样式不适用于 Mobile jquery

Question

按照我的question，我有一些CSS，但是因为textarea 位于扮演页面角色的div 内部，所以它不会起作用。我能以某种方式做到这一点吗？唯一重要的是让边框变得漂亮，并使文本区域相对较小（现在它将占据屏幕的所有宽度），就像我的fiddle 一样。

textarea {
    display: block;
    box-sizing: padding-box;
    overflow: hidden;
    padding: 10px;
    width: 250px;
    font-size: 14px;
    margin: 50px auto;
    border-radius: 8px;
    border: 6px solid #556677;
    width: 30%;
}

Answer 1

请记住，在使用 jQuery Mobile 时，!important 是您最好的朋友。没有它，您将无法覆盖激进的 jQuery Mobile CSS。

工作示例：http://jsfiddle.net/3qaet2d2/

textarea{  
  display:block !important;
  box-sizing: padding-box !important;
  overflow:hidden !important;

  padding:10px !important;
  width:250px !important;
  font-size:14px !important;
  margin:50px auto !important;
  border-radius:8px !important;
  border:6px solid #556677 !important;
}