Então, eu estou usando o Grupo de entrada Componente de MDBootstrap.
Eu queria saber se existe uma maneira de contornar para alterar a cor do branco do componente campo de entrada no MD Bootstrap. Como no momento, parece que isso (sem foco):
Quando eu clicar neste campo de entrada, ele se parece com isso (com foco, a cor do campo em branco entrada muda para verde):
O código para o este componente é a seguinte:
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-lg">Name</span>
</div>
<input type="text" class="form-control" aria-label="Large" aria-describedby="inputGroup-sizing-sm">
</div>
Eu queria saber se há uma volta caminho para mudar a cor do branco campo de entrada para o preto em vez de verde quando clicar nele. Obrigado!
Set backgroundImage estilo com <input />
trabalho seria
Experimente no texto:
const style = {
backgroundImage: `linear-gradient(0deg, black 2px, rgba(0, 150, 136, 0) 0),
linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, transparent 0)`
};
const App = () => {
return (
<div className="App">
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-lg">
Large
</span>
</div>
<input
type="text"
class="form-control"
aria-label="Large"
style={style}
aria-describedby="inputGroup-sizing-sm"
/>
</div>
</div>
);
};
ReactDOM.render(<App />, document.getElementById("root"));
<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.12.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.12.0/umd/react-dom.production.min.js"></script>
<link
rel="stylesheet"
href="https://unpkg.com/[email protected]/dist/css/bootstrap-material-design.min.css"
integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX"
crossorigin="anonymous"
/>
O passo para alcançá-lo:
Se você verificar o estilo no navegador,
Você poderia achar que a cor com animação, copiá-lo e mudar essa cor, e é isso.