Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Joob

Problema de css3 com o Firefox

Recommended Posts

Boas pessoal,

 

Tenho aqui uma questão quanto ao css3 que tenho, ele fica todo certinho no chrome, no explore fica a 95€, e no firefox fica a 40%.. Falta-me aqui algo para o meter direito no firefox, mas ainda não consegui detectar.

 

Ou seja, tenho este campo (html/form):

-------------------

<form action="#search" method="post" class="search">
				<input type="text" class="input" id="search" name="q" placeholder="<?php echo e('Enter keyword and press enter.')?>">
			</form>	

 

E o campo do css3 é este:

-------------------

section .container.layout .sidebar form.search input {
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  color: #000;
  padding: 20px;
  width: 100%;
  display: block;
  height: 20px;
  font-weight: 700;
}
section .container.layout .sidebar form.search input:hover,
section .container.layout .sidebar form.search input:focus,
section .container.layout .sidebar form.search input.active {
  background: #fafafa;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
}

 

O problema exacto, é que no Firefox não me aparece o "Enter keyword and press enter.", nem o que escrevo..

 

 

Abraço,

Joob

Compartilhar este post


Link para o post
Compartilhar em outros sites

Qual versão do Firefox vc está testando ?

 

http://caniuse.com/#search=placeholder

 

[off topic]

Seus seletores são muito complicados. Toda essa cadeia de especificidade é lenta de desenvolver, e lenta de processar(pelo browser)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ainda ontem actualizei para a 27.. mas nada feito..

Já coloquei comandos do "placeholder" e não resultou em nada ..

 

 

Abraço,
Joob



acrescentei por exemplo:

---------------------

::-webkit-input-placeholder { color:red; }
::-moz-placeholder { color:red; }
input:-moz-placeholder { color:red; }

 

No chrome fica como indiquei (red), e no firefox nada, nem vê-lo..

 

 

Abraço,
Joob

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem, já consegui resolver o problema.

 

Abraço ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Diga como resolveu, pois pode ajudar mais pessoas.

 

E é esse o intuito do fórum.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.