Skip to main content
Pergunta fechada como "Não é adequada para este site" por Largato
adicionou 41 caracteres ao conteúdo; tags editadas
Fonte Link

Como retiro esse focus/outline do input?

Esse é o meu HTML

Estou usando ReactJS, Bootstrap-react

<div className="viewInstrument-table-heading">
                    <div className="table-heading1">
                        <span>Parâmetros</span>                      
                        <i className="material-icons flip">assignment_return</i>
                        <i className="material-icons">cached</i>                            
                    </div>
                                        
                    <div className="table-heading2">
                         <FormGroup className="viewInstrument-formSearch">                            
                            <InputGroup>
                                <InputGroup.Addon>
                                    <i className="material-icons icon-search">search</i>
                                </InputGroup.Addon>
                                <FormControl placeholder="Pesquisar instrumento" type="text" />
                            </InputGroup>
                        </FormGroup>
                    </div>
                </div>

Ele fica assim quando clico dentro do input:inserir a descrição da imagem aqui

Como retiro esse focus/outline do input?

Esse é o meu HTML

<div className="viewInstrument-table-heading">
                    <div className="table-heading1">
                        <span>Parâmetros</span>                      
                        <i className="material-icons flip">assignment_return</i>
                        <i className="material-icons">cached</i>                            
                    </div>
                                        
                    <div className="table-heading2">
                         <FormGroup className="viewInstrument-formSearch">                            
                            <InputGroup>
                                <InputGroup.Addon>
                                    <i className="material-icons icon-search">search</i>
                                </InputGroup.Addon>
                                <FormControl placeholder="Pesquisar instrumento" type="text" />
                            </InputGroup>
                        </FormGroup>
                    </div>
                </div>

Ele fica assim quando clico dentro do input:inserir a descrição da imagem aqui

Como retiro esse focus/outline do input?

Esse é o meu HTML

Estou usando ReactJS, Bootstrap-react

<div className="viewInstrument-table-heading">
                    <div className="table-heading1">
                        <span>Parâmetros</span>                      
                        <i className="material-icons flip">assignment_return</i>
                        <i className="material-icons">cached</i>                            
                    </div>
                                        
                    <div className="table-heading2">
                         <FormGroup className="viewInstrument-formSearch">                            
                            <InputGroup>
                                <InputGroup.Addon>
                                    <i className="material-icons icon-search">search</i>
                                </InputGroup.Addon>
                                <FormControl placeholder="Pesquisar instrumento" type="text" />
                            </InputGroup>
                        </FormGroup>
                    </div>
                </div>

Ele fica assim quando clico dentro do input:inserir a descrição da imagem aqui

Fonte Link

Retirar o focus/outline do input (CSS)

Como retiro esse focus/outline do input?

Esse é o meu HTML

<div className="viewInstrument-table-heading">
                    <div className="table-heading1">
                        <span>Parâmetros</span>                      
                        <i className="material-icons flip">assignment_return</i>
                        <i className="material-icons">cached</i>                            
                    </div>
                                        
                    <div className="table-heading2">
                         <FormGroup className="viewInstrument-formSearch">                            
                            <InputGroup>
                                <InputGroup.Addon>
                                    <i className="material-icons icon-search">search</i>
                                </InputGroup.Addon>
                                <FormControl placeholder="Pesquisar instrumento" type="text" />
                            </InputGroup>
                        </FormGroup>
                    </div>
                </div>

Ele fica assim quando clico dentro do input:inserir a descrição da imagem aqui