css - significa - campo de texto no funciona en safari

que pasa si desinstalo messenger facebook

Question

Estoy trabajando en una calculadora de pronóstico de ganancias en línea de eBay aquí

Parece que no puedo conseguir que los campos de entrada funcionen en safari y en safari móvil. Funcionan bien en FF y Chrome. Hago clic en ellos, pero nada se muestra cuando escribo. He estado buscando en google pero parece que no puedo encontrar ninguna pista. Me pregunto si me falta algo en el css. Aquí está mi css para los campos de entrada:

input {
    width: 155px;
    padding-left: 5px;
    height: 24px;
    cursor: text;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 3px;
    box-shadow: inset 1px 1px 2px black;
    -moz-box-shadow: inset 1px 1px 2px black;
    -webkit-box-shadow: inset 1px 1px 2px black;
    background-color: #F8FBEF;
 }

Answer 1

Esto todavía parece ser un problema con Safari 9.0.3 y iOS 9.2. Lo que finalmente me lo arregló fue configurarlo como texto :

input, textarea {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

Answer 2

Su problema radica en calcstyle.css aquí:

* { 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

No estoy completamente seguro de por qué el user-select: none; evitaría que escribieras en una entrada, pero eliminar este bloque lo solucionaría.

EDITAR

Aquí hay una posible solución:

Selecciona todo menos tus entradas ...

*:not(input.field) {    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}