0

introducir la descripción de la imagen aquí

el input es de color verde pero en el navegador safari lo detecta verde y con un color blanco, este problema sucede precisamente usando un smartphone,

Usando el navegador Chrome esta bien correctamente el color, he buscado algún webkit que me diera la solución al problema pero no me da la solución.. alguna sugerencia para este problema

introducir la descripción de la imagen aquí

               input#btn-submit{
               position: absolute;
               top: 142px;
               left: 82px;
               background-color:rgba(0, 156, 85,0.9);
               line-height: 30px;
               width: 100px;
               height: 40px;
               font-size: 19px;
               color: white;
               border: none;


          } 

2 respuestas 2

0

Puedes intentar con linear-gradient:

button {
  background: rgb(91,255,57);
  background: linear-gradient(10deg, rgba(91,255,57,1) 0%, rgba(188,201,204,1) 100%);
  padding: 8px;
  color: #FFF;
  border-radius: 25px;
  outline: none;
  border: none;
}
<button>Login</button>

Puedes generar mas gradientes en esta pagina (CSS Gradient - Generator)

0

Podrías generar la gradiente utilizando sólo el color verde y usando -moz-linear-gradient. Así:

input#btn-submit {
           position: absolute;
           top: 142px;
           left: 82px;
           background-color:rgba(0, 156, 85,0.9);
           background: -moz-linear-gradient(left, rgba(0, 156, 85,0.9) 0%, rgba(0, 
           156, 85,0.9) 50%, rgba(0, 156, 85,0.9);
           line-height: 30px;
           width: 100px;
           height: 40px;
           font-size: 19px;
           color: white;
           border: none;
      } 

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.