Html, css oraz przeglądarki internetowe

Question

Witam mam taki problem, stworzyłem formularz w którym podaje adres email, w przeglądarce explorer oraz firefox mogę zaznaczyć wpisany adres za pomocą myszki a w chrome nie mogę tego zrobić co może być przyczyną takiego zjawiska? Badając element w przeglądarkach, element jest niemal identyczny a kopiując zbadany element z chrome do firefoxa jest wszystko ok, prosiłbym o wskazówkę, pozdrawiam

Comments

Demo?

Answer 1

Chodzi o to aby zaznaczyć adres e-mail myszką a wygląda to tak w chromie nie można zaznaczyć:

 

a w firefox:

Pole input wygląda w przeglądarce chrome:

<div class="opl-autocomplete">
                            <input class="required-group" id="cEmail" name="cEmail" type="text">
                        </div>

 

 

Pole input wygląda w przeglądarce firefox:

<div class="opl-autocomplete">

<input id="cEmail" class="required-group valid" name="cEmail" type="text" aria-invalid="false">

</div>

W przeglądarce firefox oraz explorer jest dobrze natomiast w przeglądarce google chrome nie mogę zaznaczyć tekstu w polu input, nie wiem dlaczego, ktoś coś podpowie?