jQuery Mobile d'Entrée & Textarea Style Personnalisé

J'essaie à mon style de jQuery Mobile entrées d'un Formulaire & textareas.

Droit maintenant, ils viennent personnalisé comme ceci:

http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/forms/forms-text.html

SALUT à style moi-même, sans bords arrondis. J'ai résolu ce problème en ajoutant une nouvelle feuille de style et en ajoutant: 

input {
width:100%;
height: 40px;
border: 0px !important;
border-bottom: 1px solid !important;
border-bottom-color: #ccc !important;
-moz-border-radius: 0px !important;
-khtml-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;}

#overheard textarea {
width:100%;
height: 100px !important;
border: 0px !important;
-moz-border-radius: 0px !important;
-khtml-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;}

Cependant, il ya un couple de choses que je ne peux pas comprendre:

  1. Sur le textarea je ne peux pas vous débarrasser de l'intérieur de l'ombre.
  2. Sur les deux textarea et de saisie lorsque je clique sur un champ il y a une ombre extérieure qui vient. Je ne trouve pas où dans le css ou jQuery Mobile .js c'est en venir. Des idées?
InformationsquelleAutor Chris | 2011-06-23
  1. 2

    L'ombre interne semble être un -webkit-box-shadow (pour WebKit au moins) qui vient de .ui-shadow-inset. L'extérieur "à l'ombre" est presque certainement le plan de la propriété; la outline vient généralement à partir du navigateur par défaut de la feuille de style. Définissant à la fois de ceux à none:

    -webkit-box-shadow: none;
outline: none;

    De se débarrasser de ces deux effets pour moi. Vous aurez besoin de port la -webkit-box-shadow pour les autres navigateurs se soucient de vous, mais vous pouvez regarder .ui-shadow-inset pour voir ce que vous avez besoin de nier.

    InformationsquelleAutor mu is too short