28172 sujets

CSS et mise en forme, CSS3

Hello

J'ai un souci de input avec safari. Impossible de saisir un texte dans le input. Quand je ne charge plus knacss framework plus de problème.
Quelqu'un a-t-il déjà rencontré ce souci particulier ?
Merci Smiley smile
Administrateur
Safari PC n'est plus maintenu en effet.
Du coup, si mon codepen fonctionne, tu as sans doute quelque chose en plus chez toi Smiley ohwell
Du coup j'ai pris knack.css version 3.1 et rajouté dans mon css

input:focus {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}


Cela fonctionne comme ça.
Modifié par supersonicBlonde (16 Jun 2015 - 10:23)
Salut,

J'ai le même problème, je n'ai pas encore trouvé la solution, mais j'ai les raisons:

D'abord, j'avais un problème de focus sur les Inputs.
J'utilise le plugin fullPage (v2.6.6) https://github.com/alvarotrigo/fullPage.js
En enlevant la feuille de style de ce plugin, j'ai récupéré le focus, mais toujours rien ne s'affichait.

Pour cela, dans knacss.css j'ai remplacé:

.btn:focus,
input:focus,
button:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
}

par

.btn:focus,
input:focus,
button:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
 -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  background-image: none;
}




et la tout fonctionne.
Bon, maintenant il faut que j'épluche la CSS de fullpage pour voir d'ou vient le blème.
Je te tiens au courant

Bon courage

Marco
Salut

J'ai testé sous Safari Mac et IPad et avec la modification de knacss.css, ca fonctionne, donc dans mon cas, le problème ne venait pas de fullpage, mais de Safari PC

Tant mieux !!

Marco