Jump to content


Photo

Input:Focus Sem A Borda Colorida No Chrome


  • Faça o login para participar
6 replies to this topic

#1 Dinnamus

Dinnamus

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino
  • Localidade:Itambé - PE

Posted 07/09/2011, 11:55

Aew gente boa! foi em alguns tópicos do WebMasters que consegui criar os inputs personalizados! ficou muito bom!

A questão é quando o input está no foco, pois aparece uma borda laranja própria dos campos.

com a adição de pseudo-classes (input:focus, select:focus, textarea:focus) consegui retirar a borda laranja nos navegadores Firefox e IE.

Pena que no Chrome (como eu conceituava bem este aqui...) estas pseudo-classes não fazem nenhum efeito.

estou usando este CSS:
input {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width:260px;
height:28px;
background: none;
background-image: url(Images/form.png);
}

e aqui vai uns prints dos navegadores:

Posted Image

#2 Guilherme Vieira

Guilherme Vieira

    Normal

  • Usuários
  • 113 posts
  • Sexo:Masculino
  • Localidade:Fortaleza, Ceará
  • Interesses:Desenvolvimento Web baseado nos padrões do W3C, HTML5, CSS3, PHP, JavaScript, jQuery, AJAX, SQL, MySQL.

Posted 07/09/2011, 13:16

Cara, creio que seja um padrão do Google Chrome, algo que você não vai conseguir tirar com CSS.
Guilherme Vieira
g.

PS: Te ajudei? Me dá ponto! ^^

#3 Dinnamus

Dinnamus

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino
  • Localidade:Itambé - PE

Posted 07/09/2011, 13:32

Cara, creio que seja um padrão do Google Chrome, algo que você não vai conseguir tirar com CSS.

Realmente Guilherme, me parece mesmo um padrão chrome, pois até mesmo aqui no WebMasters, nos inputs de login e senha ficam amarelos somente neste browser, enquanto nos outros não ficam. Entretanto, no mesmo chrome, acessando o gmail e clicando no input onde tem "procurar e-mail", a borda não desaparece, apenas muda para a cor azul. seria possível então eu mudar aquela borda para a cor verde, por exemplo, no meu site, apenas se o usuário estivesse usando o chrome? (creio que já passa pra JS isso aí).

Update: Cara, consegui adicionando a propriedade "outline" com valor "0 none"

{outline: 0 none;} no CSS do input, input:focus...

valeu pela atenção e colaboração!

Edição feita por: Dinnamus, 07/09/2011, 13:43.


#4 anonymows

anonymows

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Masculino

Posted 20/09/2011, 16:00

Para remover a borda do Chrome, adicione o codigo "input:focus{outline:none;}" já para mudar a cor da bordar "input:focus{outline-color:'sua cor';}". espero te ajudado Falow -

Edição feita por: anonymows, 20/09/2011, 16:06.


#5 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 03/10/2017, 00:23

Viagra Y Cialis Mejor Misoprostol Cytotec Clomid Mais Enceinte canadian generic levitra Priligy Dapoxetin Gunstig Kaufen
Amoxicillin 500mg Dosage achat levitra au usa Propecia 5mg Teilen
Flagyl Generic Form viagra How Much Amoxicillin For Respiratory Infection

#6 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 28/10/2017, 02:59

The Least Expensive Cialis Compro Viagra Poco Prezzo Mexico non prescription levitra Viagra Next Day Delivery Calgary Order Celexa
Priligy Sicher Kaufen Yaz Levaquin Medicine For Sale Shipped Ups filitra vardenafil tablets Kamagra Oral Jelly 50 Mg Levitra Canada Free Trial Viagra Livraison Express
Cialis Arreter Cialis Per Ipertensione levitra 60 mg Cialis Qualite

#7 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 13/11/2017, 05:03

Tadifil viagra vs cialis vs levitra reviews Propecia Medicine Buying Viagra In Ontario Potenzmittel Kamagra Jelly
Cheap Augmentin Lithium Viagra Kaufen Apotheke Rezeptfrei buy levitra professional online Clomid Jeulin
Acticin Best Website best price on levitra Cheap Viagera In Usa Cheap




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq