[Resolvido] Borda amarela do Google Chrome

[Guilherme Oderdenge 42]

Não é possível, cara.

 

Para fazer isso você vai ter que mexer no core do Google Chrome e tirar a borda manualmente, e sabe do pior? Esta pergunta não é cabível à este fórum.

 

Para postar este tipo de dúvida, utilize os fóruns do Google Chrome clicando aqui.

 

Abraços!

[Patrick de Castro 0]

Se tiver usando o dreamweaver aperte ctrl+n clique em CSS e CREAT ai apaga tudo que tiver la adicione esse código:

Textfield arredondadas , com hover e sem essa faixa amarela

 

/* Documento CSS */

.textfield_effect    {
       input        
       div
       border:2px solid;
       border-radius:25px;
       border-with:5px;
border-style:solid;
border-color:#999999;
background-color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
color: #333333;
width:150;
height:15;
outline:none;	
}

.textfield_effect:hover {
   border-color:#FF0000;
border-width:3px;
text-color:#CCCCCC;
background-color:#999999;

}

.textfield_effect:focus {
   border-color:#999999;
border-width:3px;
background-color:#CCCCCC;

}

 

salve, coloque o nome que quiser. Depois la no modo code do dreamweaver localize o codigo do seu textfield ex:

 

<input name="textfield" type="text" id="textfield" class:"estilos/textfield_effect.css />

 

na (class:"COLOQUE AONDE ESTA O ARQUIVO CSS") recomendo criar uma pasta chamada stilos, styles tanto faz.

 

Espero que tenha ajudado !

[Diéssica 140]

Patrick,

entendo a tua intenção de ajudar. Porém, o tópico já foi resolvido, como declarado no post #20.

 

- Leia o tópico inteiro antes de responder

:seta: http://forum.imasters.com.br/index.php?app=core&module=help&do=01&HID=20

(Pois quando se responde um tópico, ele fica em evidência no fórum. Um tópico já resolvido não necessita dessa relevância.)

 

Mesmo que a solução já tenha sido esclarecida, obrigada por complementar.

:bye:

[Sander Luís 4]

como assim resolvido?? espera eu responder!! kkk brinks, ja sobre a resposta... tah aki completa, se cv naum conseguir ageitar dae o erro é você.. kkkkkkkkkkk

 

Tem Sim e Provo!!! totalmente, em qualquer site vai sair oq você quer dos inputs e textarea ....

 

 

se é no windows 7

vai aki:

 

C:\Users\Sander\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

 

substitua Sanderpelo nome de usuario seu

 

abra o arquivo Custom.css

 

e cole isso dentro:

 

input,textarea {outline:none;}

 

salve, se o navegador estiver aberto fexe e entre novamente.

 

pronto, agora a outline amarela nos inputs e da textarea sumiu...

 

simplesmente se for win xp

ou outro, va no atalho do Google chromer na area de trabalho clique com o botão direito>propriedades

 

dae vai ter la destino de for um atalho, copie o local,

 

no meu caso é este:

 

C:\Users\Sander\AppData\Local\Google\Chrome\Application\chrome.exe

 

agora apague oque vier depois de Google\Chrome\ e adicione isso: User Data\Default\User StyleSheets

 

vai ficar assim: claro mude o nome do usuario

 

C:\Users\Sander\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

 

se for no win xp pode ser diferente

 

dae você vai ate a pasta do google chromer

 

Google\Chrome\ dae entra na pasta User Data de pois na pasta Default depois em User StyleSheets

 

facil vai tar la o arquivo custom.css clique em abrir com>bloco de notas e cole isso

input,textarea {outline:none;}

 

e salve..........

 

aki to com pressa mas achei oq você queria, pessoal casso tenha mais algum canpo q apareça a outline avise aki dae é so adicionar o nome com uma virgula antes aki no

input,textarea,outraaki {outline:none;}

 

tá feito...

 

 

isso tbm serve para outras coisas q você quera mudar nos sites,

 

lembrando, ae você edita o padrão do navegador, se tiver na folha de estilos do site algo como

input {outline:blue;}

 

deve funcionar oq tah na folha de estilos do site, mas acho imposível alguem editar a cor da outline...... kkkkkkkkkkk

 

era isso q você queria???

 

simplesmente não tem nada de erro e o google chromer ja vem com esse arquivo proprio para você colocar oq quiser

 

pq ja diz o nome "custom.css" q quer dizer "personalizado.css" = estilo personalizado....

 

vlwwww

 

como a Diéssica tinha falado pode por *:focus {outline:none} ou * {outline:none} no arquivo q falei dae ja serve para qualquer coia q use a outline......

 

aki eu coloquei somente assim para testar:

 

* {outline:none}

e deu certo ok perfeito aushaush

 

no meu casso eu exclui depois pq eu como a maioria do pessoal daki faz sites, dae eu precizo deixar padrão do navegador o code, para mim lembrar de tirar no css do site depois .... mas para você é só editar e salvar e beleza

[Diéssica 140]

Sander,

Para fazer isso você vai ter que mexer no core do Google Chrome e tirar a borda manualmente, e sabe do pior? Esta pergunta não é cabível à este fórum.

Não uso Google Chrome, mas já mexi no custom.css. É possível sim alterar essa renderização, não tinha pensado nessa possibilidade.

 

Deixo o meu agradecimento pela complementação. :)

[Sander Luís 4]

Sander,

 

Não uso Google Chrome, mas já mexi no custom.css. É possível sim alterar essa renderização, não tinha pensado nessa possibilidade.

 

Deixo o meu agradecimento pela complementação. :)

 

vlw minha primeira ajuda aki kkk

 

e ae vitor, sabe o custon q você tinha achado? coloca o code q passei dentro e salva:

* {outline:none}

 

vlw

 

huuhul ate eu gostei, dei uma ageitadinha no google.

 

quem quer conferir add ae no custon.css

 

#gbx4 {box-shadow: #333 0px 0px 40px;}
.gbts {text-shadow: gray 1px 1px 10px;}
.gbz0l .gbtb2 {border-top-color: white !important;box-shadow: #fff 0px 0px 26px;}

#bb_pp_tos_ack {border-bottom-left-radius: 3em !important;box-shadow: #444 0px 0px 4em !important;margin-top: 5px;margin-right: 13px;border-bottom-right-radius: 3em !important;}
.gsfi, .lst {color: #777 !important;}
#appbar {
background: rgba(192, 192, 192, 0.2);
border-bottom: 1px solid #DEDEDE;
height: 58px;
min-width: 980px;
position: relative;
-webkit-box-sizing: border-box;
width: 100%;
z-index: 3;
box-shadow: #777 0px 0px 10px;
box-sizing: border-box;
}

#footer > div {

bottom: 0;
padding-top: 3px;
width: 100%;
box-shadow: #ccc 0px 0px 100px;
}

 

claro q só você vai ver.... mas é legal