Textarea的风格不适用于Mobile jquery

时间:2015-09-04 20:27:10

标签: jquery css jquery-mobile textarea effects

question之后,我有一些CSS,但因为textarea位于扮演页面角色的div内部,所以它不会起作用。我可以以某种方式这样做吗?唯一重要的想法是让边框变得更好并使textarea相对较小(现在它将占据屏幕的所有宽度),就像我的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%;
}

1 个答案:

答案 0 :(得分:2)

请记住,在使用jQuery Mobile时,重要的是你最好的朋友。没有它,你就无法覆盖积极的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;
}