I am using type=url
, and would like to HIDE not override the default CSS as shown below. I already have my own CSS running, but cannot seem to get rid of the CSS below:
If there is a line of JS that I can include to do so will be helpful
Reproductive code sample:
Updated reproductive sample. You must click the button to reproduce:
<form id="Submit">
<div>
<input id="search" type="url" name="url" placeholder="Test">
</div>
<div class=" input-field second-wrap ">
<button id="button " value="press " type="submit ">
SEARCH
</button>
</div>
<p id="errorMessage ">uhoh</p>
</form>